Delicious Bookmark Buttons With Counter For Blogger.

Εδώ θα σας παρουσιάσουμε πρώτοι το αντίστοιχο κουμπί του Retweet για το Delicious.
Σε 2 σχέδια για όλα τα γούστα. Εμείς το δοκιμάσαμε το φωτογραφίσαμε & σας το σερβίρουμε.
Εσεις δείτε τα & όποιο σας κάνει σε μέγεθος..... χρησιμοποίστε το.

Κώδικας για το κανονικό κουμπί:

θα μπείτε στο Πανόπτη σας & μετά >>> Διάταξη >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....
Και θα τσεκάρετε το κουτάκι που λέει... Επέκταση προτύπων γραφικών στοιχείων

]]></b:skin>

Μόλις το βρείτε πριν από το κλείσιμο του </head>
Προσθέστε τον παρακάτω κώδικα.

<!--Delicious-Bookmark-normal-button-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
.share-delicious{
width:50px;
height:63px;
text-align:center;
}
.delicious{
width:50px;
height: 45px;
background: url(http://i47.tinypic.com/35ls36o.jpg) no-repeat;
font-weight: bold;
font-size: 16px;
font-family:arial;
color:#adadad;
margin:0 auto;
line-height:36px; 
}
.delicious-b{
font-size:10px;
text-transform:none;
color:#FFF;
margin:0 auto;
width:50px;
height:17px;
line-height: 17px;
}
.delicious-b a:link, .delicious-b a:visited{
color:#FFF;
font-weight:normal;
background: url(http://i47.tinypic.com/291hjwn.jpg) no-repeat;
display: block;
text-decoration:none;
}
.delicious-b a:hover{
color:#11788b;
font-weight:normal;
text-decoration:none;
background: url(http://i47.tinypic.com/291hjwn.jpg) no-repeat center -17px;
display: block;
}
<!--Delicious-Bookmark-normal-button-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Κώδικας για το διακριτικό μικρό κουμπί:

<!--Delicious-Bookmark-Compact-button-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
.share-delicious{
width:100px;
height:19px;
text-align:center;
font-family:arial;
}
.delicious{
width:46px;
height: 19px;
background: url(http://i48.tinypic.com/2mgp479.jpg) no-repeat;
font-weight: bold;
font-size: 13px;
color:#999;
margin:0 auto;
line-height:18px; 
float:left;
}
.delicious-b{
font-size:10px;
text-transform:none;
color:#FFF;
margin:0 auto;
width:50px;
height:17px;
line-height: 17px;
float:left;
}
.delicious-b a:link, .delicious-b a:visited{
color:#FFF;
font-weight:normal;
background: url(http://i47.tinypic.com/291hjwn.jpg) no-repeat;
display: block;
text-decoration:none;
}
.delicious-b a:hover{
color:#11788b;
font-weight:normal;
text-decoration:none;
background: url(http://i47.tinypic.com/291hjwn.jpg) no-repeat center -17px;
display: block;
}
<!--Delicious-Bookmark-Compact-button-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Τώρα θα κάνετε αναζήτηση με το Ctrl + F για το.....

<data:post.body/>

Και ακριβώς στην επόμενη γραμμή θα προσθέσετε τον παρακάτω κώδικα.

<!--Delicious-Bookmark-button-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='share-delicious'>
<div class='delicious' id='delic'>0</div>
<div class='delicious-b'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='blank'>delicious</a></div>
<script type='text/javascript'>
function delic(info) { 
if(!info[0]) return;
var num = info[0].total_posts;
if(!num) return; 
var delic = document.getElementById(&#39;delic&#39;);
delic.innerHTML = &#39;&#39; + num;
delic.style.textIndent = 0;
delic.style.paddingRight= &#39;6px&#39;;
}
</script>
<script expr:src='&quot;http://badges.del.icio.us/feeds/json/url/data?url= &quot; + data:post.url + &quot;&amp;callback=delic&quot;'/>
</div>
</b:if>
<div class='clear'/>
<!--Delicious-Bookmark-button-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!