How to add Social Bookmarking buttons/icons below every blogger post?

By adding a list of social bookmarking icons to your blog posts, you can encourage your readers to promote your blog posts to the Social bookmarking sites such as Technorati, Stumble Upon. Delicious, Digg, and more. Adding your posts  to these sites definitely will bring more traffic to your site.

To add the list of social bookmarking icons, log into Blogger > Layout > Edit HTML. Before starting this hack, please remember to Save a copy of your current template. Then, check the “Expand Widget Templates” box.

Now, search for this small piece of code using CTRL+F.

<data:post.body/>

Now, paste the code below immediately after the code stated above.

<!–Social Bookmarking Icons Start–>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div align=’left’>
<script class=’share-it’ src=’http://tweetmeme.com/i/scripts/button.js’ type=’text/javascript’/>
<span class=’post-icons’>
<!–Stumble–><a expr:href=’&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Stumble This’><img alt=’Stumble This’ border=’0′ src=’http://2.bp.blogspot.com/_vLeiVavkV_M/SnleiulEMVI/AAAAAAAABeU/kO09nNTlQeo/s200/stumbleupon.png’/></a>
<!–Technorati–><a expr:href=’&quot;http://www.technorati.com/faves?add=&quot; + data:post.url’ target=’_blank’ title=’Fav This With Technorati’><img alt=’Fav This With Technorati’ border=’0′ src=’http://1.bp.blogspot.com/_vLeiVavkV_M/SnlenauwzjI/AAAAAAAABec/btszO5xBOgg/s200/technorati.png’/></a>
<!–Delicious–><a expr:href=’&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Add To Del.icio.us’><img alt=’Add To Del.icio.us’ border=’0′ src=’http://2.bp.blogspot.com/_vLeiVavkV_M/Snld35mPSDI/AAAAAAAABds/ccrOpOmP9Zk/s200/delicious.png’/></a>
<!–Digg–><a expr:href=’&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Digg This’><img alt=’Digg This’ border=’0′ src=’http://3.bp.blogspot.com/_vLeiVavkV_M/Snld_x-wXoI/AAAAAAAABd0/cTsGU_Y-zQ8/s200/digg.png’/></a>
<!–Reddit–><a expr:href=’&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Add To Reddit’><img alt=’Add To Reddit’ border=’0′ src=’http://3.bp.blogspot.com/_vLeiVavkV_M/SnleX1tMMtI/AAAAAAAABeM/gQSYdrmSc3k/s200/reddit.png’/></a>
<!–Facebook–><a expr:href=’&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Add To Facebook’><img alt=’Add To Facebook’ border=’0′ src=’http://3.bp.blogspot.com/_vLeiVavkV_M/SnleIlLdGwI/AAAAAAAABd8/RfHnWIGGMEY/s200/facebook.png’/></a>
<!–Yahoo–><a expr:href=’&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Add To Yahoo’><img alt=’Add To Yahoo’ border=’0′ src=’http://1.bp.blogspot.com/_vLeiVavkV_M/SnlexsGX2QI/AAAAAAAABes/ai6zvzZKCgw/s200/yahoo.png’/></a>
</span>
</div>
</b:if>
<!–Social Bookmarking Icons End–>

These icons are just visible below every posts and not in home page. The icons will look like the list of social bookmarking icons that I’m currently using for this blog below every posts.

This entry was posted in Blogger Hacks. Bookmark the permalink.

6 Responses to How to add Social Bookmarking buttons/icons below every blogger post?

  1. magmag says:

    Please Write review about this site:
    Check backlinks in 26 social bookmarking
    Social Scan

  2. Blue Bird says:

    Wow,
    Its Working……..

  3. Gurjit Singh Khehra says:

    Brother i pasted the Code after ,But there are no Such icons appear below post.Please check it http://www.a2ztips.co.cc and tell me WHAT CAN I DO?
    Thanks.

  4. Rethnaraj Rambabu says:

    @Gurjit Singh,

    Hi, I've tested this code in my test blog and it's working fine. Can you download full template and send it(attach) to my email?

    thegreatrat@gmail.com

    I'll try to figure out the problem.

  5. aprocltd says:

    This don“t works
    aprocltd recently posted..Tune of the Moment! Jochen Miller – uPadMy ComLuv Profile

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv Enabled