Digg-Digg social bookmarking widget για Blogger

buzz this
Πριν από κάποιες μέρες σερφάροντας στο Διαδίκτυο βρήκα ένα πολύ όμορφο social bookmarking widget, το οποίο είναι WordPress plugin και ονομάζετε Digg-Digg!(Για όσους χρησιμοποιούν WordPress, μπορούν να το κατεβάσουν εδώ)
Λοιπόν, μου τράβηξε την προσοχή και άρεσε τόσο πολύ που αποφάσισα να πειραματιστώ και να φτιάξω κάτι παρόμοιο για την Blogger πλατφόρμα.

Το συγκεκριμένο social bookmarking widget έχει διάφανο φόντο ,ώστε να ταιριάζει με όλα τα πρότυπα και περιλαμβάνει όλες τις πιο δημοφιλείς social bookmarking υπηρεσίες , επίσης έχω προσθέσει ένα κουμπί και πατώντας το μπορείτε να βρείτε ακόμη περισσότερες social bookmarking υπηρεσίες.

Για να το εγκαταστήσετε στο blog σας:

Πηγαίνετε Σχεδίαση, Επεξεργασία HTML και πατήστε στο κουτάκι Επέκταση προτύπων γραφικών στοιχείων.

Βρείτε στο πρότυπό σας πατώντας CTRL+F την ετικέτα ]]></b:skin> και επικολλήστε τον παρακάτω κώδικα ακριβώς από πάνω:

/* Postshare-Box by iks-team.com
----------------------------------------------- */
#postshare {
left:0;
position:fixed;
top:700px;
}
#postshare_Box {
left:0;
position:fixed;
top:700px;
width:80px;
}
#share_butt {
border-top-right-radius:8px;
border-bottom-right-radius:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-top-right-radius:8px;
-webkit-border-bottom-right-radius:8px;
background:rgba(13, 13, 13, 0.2);
border:1px solid rgba(0,0,0, 0.5);
bottom:40px;
margin-top:10px;
position:fixed;
width:70px;
}
#butt {margin:7px;}

div.devid{background-color:rgba(0,0,0 ,0.5); height:1px; width:38px; margin:5px auto;}

Τώρα πατώντας CTRL+F βρείτε την ετικέτα <body> και επικολλήστε ακριβώς από κάτω τον παρακάτω κώδικα:

<!-- Postshare-Box by iks-team.com start -->
<div id='postshare'>
<div id='postshare_Box'>
<div id='share_butt'>
<div class='butt'>
<a class='google-buzz-button' data-button-style='normal-count' data-locale='el' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</div>
<div class='devid'/>
<div class='butt'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>
<div class='devid'/>
<div class='butt'>
<script src='http://bloggertrics.googlecode.com/files/fshare.js'/>
<div class='clear'/></div>
<div class='devid'/>
<div class='butt'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div>
<div class='devid'/>
<div class='butt'><a class='DiggThisButton'/><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></div>
<div class='devid'/>

<div class='butt'>
<a class='addthis_button_more'><img alt='More' height='20' src='http://s7.addthis.com/static/t00/logo1414.gif' width='20'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'/>
<span style='font-size:10px;'> <a target="_blank" href='http://iks-team.com/2010/12/digg-digg-social-bookmarking-widget.html' target='_blank'>Take This</a></span>
</div>
</div>

Αποθηκεύετε το πρότυπό σας και είστε έτοιμοι να μοιραστείτε τα άρθρα σας με όλο το κόσμο. Σε περίπτωση που αντιμετωπίσετε κάποιο πρόβλημα η έχετε κάποια ερώτηση αφήστε το σχόλιό σας!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

1 Σχόλια:

gerakarimedia είπε...
Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.

Δημοσίευση σχολίου

Αρχική Σελίδα | Facebook Σελίδα | Γίνε Συντάκτης | Blogger Tricks | Δωρεάν Υλικό | Υπηρεσίες | Διαφήμιση | Αρχείο | Επικοινωνία | Όροι Χρήσης
Copyright iks-Team.com | Blogger Tips & Tricks. All rights reserved. Άδεια Creative Commons