How To Add Save to del.icio.us button with Hit counts to blogger

1.Login to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to till you see this :

<div class='post-header-line-1'/>


4.Now add below code just after the line <div class='post-header-line-1'/> .

<div class='save-delicious'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihgpQZ73-ESBNGQXWiZ-xyBihsGHfMwjcZMFSu42CvItK4JnrviiC4EEaIGB_3qZJKJRKXMMjKg69utV0ryi_yvRaQNDiId05ij_7gFzHC3LC4ngy-C0yo5oHVXiUKLgvYzBgAjkARAws/'/>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' style='text-transform:none; border:none; text-decoration:underline' target='_blank'> Save to del.icio.us</a> with other <b id='http://bloggertipandtrick.blogspot.com-delicious'>0</b> happy readers
<script type='text/javascript'>
function displayURL(data) {
var urlinfo = data[0];
if (!urlinfo.total_posts) return;
document.getElementById(&quot;http://bloggertipandtrick.blogspot.com-delicious&quot;).innerHTML = urlinfo.total_posts;
}
</script>
<script src='http://badges.del.icio.us/feeds/json/url/data?url=http://bloggertipandtrick.blogspot.com&amp;callback=displayURL'/>
</div>


Note : Remember to replace http://bloggertipandtrick.blogspot.com with your blog url.

5.Now find ]]></b:skin> tag in your template.

6.Now add below code just above ]]></b:skin> tag.

.save-delicious{float:right; line-height:25px; border:none; background:url() left no-repeat; padding:0 10px 0 20px; font-size:11px;}

.save-delicious a:link, .save-delicious a:visited{border:none; text-transform:none;}

.save-delicious b{color:#000; font-weight:bold;}


7.Now save your template and you are done.It will look like this.

0 comments:

Post a Comment

 

Support By Blogger