How To Add Save to button with Hit counts to blogger

Posted by Lasantha Bandara on August 7th, 2009 File Under : bookmarks, post1 Comment

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=''/>
<a expr:href='&quot;; + data:post.url + &quot;&amp;title=&quot; + data:post.title' style='text-transform:none; border:none; text-decoration:underline' target='_blank'> Save to</a> with other <b id=''>0</b> happy readers
<script type='text/javascript'>
function displayURL(data) {
var urlinfo = data[0];
if (!urlinfo.total_posts) return;
document.getElementById(&quot;;).innerHTML = urlinfo.total_posts;
<script src=';callback=displayURL'/>

Note : Remember to replace 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.

File Under : bookmarks, post

One Response to “How To Add Save to button with Hit counts to blogger”

  1. Vineet says:

    Thanks for the great tip

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.