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='"http://del.icio.us/post?url=" + data:post.url + "&title=" + 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("http://bloggertipandtrick.blogspot.com-delicious").innerHTML = urlinfo.total_posts;
}
</script>
<script src='http://badges.del.icio.us/feeds/json/url/data?url=http://bloggertipandtrick.blogspot.com&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