How To insert Share This Social Bookmark Button Code | Blogger Tips

Share This or Social Bookmark Button after each post help visitors to share his or her favorite articles with other around the world. As well Blogger can get more traffic from social network website like facebook, twitter etc. In this post I have shown how to embed share this button with different bookmarking sites in blogger post.



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

2.Check on "Expand Widget Templates"

3.Find out the following tag:
<data:post.body/>

4.After the above tag , copy and paste the HTML code below:
<b>Share this post :</b><br/>
<div class='spacer' style='border-top:solid 0px #DEDEDE;'/>
<table bgcolor='#ffffff' border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMldgnvuI/AAAAAAAAAv4/FhIAkFW-ZTw/facebook.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.facebook.com/sharer.php?&amp;u=&quot; + data:post.url' target='_blank'>Share on Facebook</a>
</td>
</tr>
<tr>
<td height='24'><img border='0' src='http://2.bp.blogspot.com/_ar9PeTUrwMY/SnmM69WzUkI/AAAAAAAAAww/6b8npnF677I/twitter.png'/></td>
<td height='24'><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>Share on Twitter</a>
</td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://3.bp.blogspot.com/_ar9PeTUrwMY/SnmM0Ze235I/AAAAAAAAAwg/jMLPYyDdCSs/stumble.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.stumbleupon.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on StumbleUpon</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMf-cBJuI/AAAAAAAAAvo/WFFPRRl9dcg/delicious.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://del.icio.us/post?v=4&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Delicious</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src=' http://2.bp.blogspot.com/_ar9PeTUrwMY/SnmMxLWOeMI/AAAAAAAAAwY/ca4HSlHFtZ0/reddit.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Reddit</a>
</td>
</tr>
</table></td>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMitkOefI/AAAAAAAAAvw/mQdgqyJVhvY/digg.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Digg</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMrmsi0LI/AAAAAAAAAwI/XMLDq5_baKE/icon_sb_sim22.gif' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on simpy</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://1.bp.blogspot.com/_ar9PeTUrwMY/SnmM30PqK4I/AAAAAAAAAwo/R1FhGrjnPas/technorati.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://technorati.com/signup/?f=favorites&amp;Url=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on Technorati</a></td>
</tr>
<tr>
<td height='24'><img alt='furl' border='0' height='16' src='http://3.bp.blogspot.com/_ar9PeTUrwMY/SnmMuTMm4BI/AAAAAAAAAwQ/_gbDQBFQtN4/images2.jpg' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.furl.net/storeIt.jsp?&amp;u=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on furl</a>
</td>
</tr>
<tr>
<td height='24'><img alt='Feeds RSS' border='0' height='16' src='http://1.bp.blogspot.com/_ar9PeTUrwMY/SnmMoqVfTiI/AAAAAAAAAwA/Yfpcn-FPGaU/feed.png' width='16'/></td>
<td height='24'><a href='http://feeds2.feedburner.com/feed39' target='_blank'>Subscribe to Feeds RSS</a>
</td>
</tr>
</table></td>
</tr>
</table>

5. In above code replace the RED color line with your own Blog Feed RSS URL. Now save your template .It will look like this:











This is one of ways to show share this button. You can choose many others format. Look more here:
How to add Bookmark Button
How to add Social Bookmark Button





Comments Post a Comment

Techno Primer - November 25, 2009

Hi,
I really love this hack and wanted to incorporte it in my blog but i encountered a problem while implementing it. It seems that this hack is overlapping my blog's current "read more" hack and "relavant post hack". Any way to solve it?

Kindly take a look at my xml codes perhaps you could find a way around this, i would really love to see your hack in my blog. You could either respond here, in my blog's comment or through my contact page which ever way like.

Thanks in advance, cheers

Hookah At Your Home - December 31, 2009

I cannot thank you enough for sharing this! I have been looking fo something of that sort for a while, and I finally found it in this easy tutorial. I greatly appreciate it!! I Stumbled this article, Dugg it, shared it on Delicious and added it to my Technorati faves. Hope that helps to spread the word! Again, thank you! :)

Likhon - April 12, 2010

I just want to show (share this post)after every post ? So what can I do.......
http://cocktail-recipie.blogspot.com

Plz help

Hire Dedicated MySQL Programmer - May 14, 2010

i came from google in search of this information and i found your information so useful and very informative thanks for posting this.

vishal - September 20, 2010

i like this site,its really very excellent.in my opinion this on is appreciated by everyone.
======
seo projects

Richard Byrdk - October 27, 2012

Looking forward to reading more. Great Post. Much obliged. Thanks for the article! I hope the author does not mind if I use it for my course work!

PHP Web Development | PHP Development | Zend Application Development

Leave a Comment