Unique tips of blogging

How to Add Social Bookmarking Buttons to Every Blogger Post


Social bookmarking sites are very helpful for publish your blog and get targeted visitors. In this tutorial I will show you how to add social bookmarking buttons list including Facebook like button and twitter tweet button for under all your blog post.

1. Login To BloggerClick template tab
3. Click Edit HTML tab
4. Click Proceed tab
5. Mark the tick box “Expand Widget Templates”
6. Now find below code (Press Ctrl+F for a search bar to help find the code)
<data:post.body/>

7.  Copy below code and paste it just after above code

<div align=’left’>
<span class=’post-icons’>
<!– Widget Title , Share This Start, Remove Or Leave–>
<p align=’left’>
<img alt=” border=’0′ id=’BLOGGER_PHOTO_ID_5441163760466269298′ src=’http://i42.tinypic.com/30sfx1e.png’/></p><!– Widget Title , Share This Start, Remove Or Leave–>
<!– Stumbleupon Button Start, Remove Or leave –>
<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′ class=’icon-action’ src=’http://2.bp.blogspot.com/_vLeiVavkV_M/SnleiulEMVI/AAAAAAAABeU/kO09nNTlQeo/s200/stumbleupon.png’/></a>
<!– Stumbleupon Button End, Remove Or leave –>
<!– Technorati Button Start, Remove Or leave –>
<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′ class=’icon-action’ src=’http://1.bp.blogspot.com/_vLeiVavkV_M/SnlenauwzjI/AAAAAAAABec/btszO5xBOgg/s200/technorati.png’/></a>
<!– Technorati Button End, Remove Or leave –>
<!– Delicious Button Start, Remove Or leave –>
<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′ class=’icon-action’ src=’http://2.bp.blogspot.com/_vLeiVavkV_M/Snld35mPSDI/AAAAAAAABds/ccrOpOmP9Zk/s200/delicious.png’/></a>
<!– Delicious Button End, Remove Or leave –>
<!– Digg Button Start, Remove Or leave –>
<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′ class=’icon-action’ src=’http://3.bp.blogspot.com/_vLeiVavkV_M/Snld_x-wXoI/AAAAAAAABd0/cTsGU_Y-zQ8/s200/digg.png’/></a>
<!– Digg Button End, Remove Or leave –>
<!– Reddit Button Start, Remove Or leave –>
<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′ class=’icon-action’ src=’http://3.bp.blogspot.com/_vLeiVavkV_M/SnleX1tMMtI/AAAAAAAABeM/gQSYdrmSc3k/s200/reddit.png’/></a>
<!– Reddit Button End, Remove Or leave –>
<!– FaceBook Button Start, Remove Or leave –>
<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′ class=’icon-action’ src=’http://3.bp.blogspot.com/_vLeiVavkV_M/SnleIlLdGwI/AAAAAAAABd8/RfHnWIGGMEY/s200/facebook.png’/></a>
<!– FaceBook Button End, Remove Or leave –>
<!– Twitter Button Start, Remove Or leave –>
<a expr:href=’&quot;http://twitter.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Add To Twitter’><img alt=’Add To Twitter’ border=’0′ class=’icon-action’ src=’http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png’/></a>
<!– Twitter Button End, Remove Or leave –>
<!– Yahoo Button Start, Remove Or leave –>
<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′ class=’icon-action’ src=’http://1.bp.blogspot.com/_vLeiVavkV_M/SnlexsGX2QI/AAAAAAAABes/ai6zvzZKCgw/s200/yahoo.png’/></a>
<!– Yahoo Button End, Remove Or leave –>
</span>
</div>

8. Now save your Template
0 Komentar untuk "How to Add Social Bookmarking Buttons to Every Blogger Post"


Back To Top