How To Add Big Social Bookmarking buttons below blogger post

Posted by Lasantha Bandara on July 21st, 2009 File Under : bookmarks, seo6 Comments

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<p><data:post.body/></p>

4.Copy below code and paste it immediately after the line <p><data:post.body/></p> .

<div style='clear:both; '>
<div style='width:60px; float:left;'>
<script type='text/javascript'>
digg_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<div style='width:60px; float:left;'>
<script badgetype='square' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'><data:post.url/></script>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='http://3.bp.blogspot.com/_T46SliM0-PI/TBxItFf8w0I/AAAAAAAAAX4/1KVZWVrr25Y/stumble.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://4.bp.blogspot.com/_T46SliM0-PI/TBxIrlU_miI/AAAAAAAAAXo/YLkqSHdHkX0/delicious.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://2.bp.blogspot.com/_T46SliM0-PI/TBxItoeFMKI/AAAAAAAAAYA/SY_c0seqlNg/technorati.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://4.bp.blogspot.com/_T46SliM0-PI/TBxIuE5tqyI/AAAAAAAAAYI/cVgsyNJ8AFc/twitter.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='http://4.bp.blogspot.com/_T46SliM0-PI/TBxIsAVFLvI/AAAAAAAAAXw/CR1hLB_rJeo/facebook.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

5.Click on "Save Templates" and now you are done.It will look like this.

Demo

File Under : bookmarks, seo

6 Responses to “How To Add Big Social Bookmarking buttons below blogger post”

  1. Indikson says:

    Thanks. I added the share buttons to my site.

  2. Medipally shiva Krishna says:

    i am unable to find to that code????

  3. Blogger Tips And Tricks|Latest Tips For Bloggers says:

    @Medipally shiva Krishna

    Find <data:post.body/> instead of <p><data:post.body/></p>.

  4. mahdy says:

    This is changeable but helpful for beginner..

  5. Cryptic Writes says:

    Thank you

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.