Blogger Tips and Tricks

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='http://4.bp.blogspot.com/_4HKUHirY_2U/SnuO6qQoPUI/AAAAAAAAAAo/nzuMTeOITyg/3541243313_121d9a8c99_o.png'/>
<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.

File Under : bookmarks, post