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.

6 Replies to “How to add Social Bookmarking buttons/icons below every blogger post?”

Leave a Reply

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

CommentLuv badge

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