Social Bookmarking widget: Digg, Twitter, Reddit, Facebook for Blogger Post

Add This To Del.icio.us Share on Facebook StumbleUpon This Add to Technorati Digg This

Writing post is only not sufficient for webmasters. All we know that writing post is king while sharing is queen. To get well traffic and get indexed by Google is most necessary as well as more back links are always respected by search engines. So it was necessary to share your post to social bookmarking websites. Here I'm going to describe how to put social bookmarking widget for blogger post.

Only "Tweet this" widget

1. Login to your blogger account.

2. In Design tab Choose "Edit HTML". (Do backup before editing HTML)

3. Tick on "Expand Widget Templates".

4. Find the following code

<data:post.body/>

5. Just below of the above code, paste the given following code.

<b:if cond='data:blog.pageType == "item"'><span style='float: left; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4XSLca0Hd4SLl4m0NnrUTFDoZsaHECMmGsmGDlI7LcpsaRNLCcF9vB3iesKmnRuKUTR2EJtSrELXpBHXWkpeKaNGSN_JRiPq-r-dVI-H7g3reqkbyeSsSmssW1VA5AVX9kjtWbQCCfWP3/s128/twitter-16x16.png) left no-repeat; padding-left: 20px;'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
<a expr:onclick='"return TweetAndTrack.open(this, \"" + data:post.url + "\");"' href='#'>
<span style='display:none;'>I'm reading: <data:post.title/></span>Tweet this!</a></span></b:if>

6. Save your template.

To add Digg, Twitter, Reddit, Facebook

Do the same steps as above and change the given below code with step 5.

<div style='float:right; margin-left:5px; margin-top:30px'>

<p>

<!--/Digg Button-->

<script type='text/javascript'>

digg_url=&quot;<data:post.url/>&quot;;

</script>

<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>

<br/>

<!--/Twitter Button-->

<script type='text/javascript'>

tweetmeme_url = &#39;<data:post.url/>&#39;;

</script>

<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>

</script>

<br/>

<!--/Reddit Button-->

<script>reddit_url=&#39;<data:post.url/>&#39;</script>

<script>reddit_title=&#39;<data:post.title/>&#39;</script>

<script language='javascript' src='http://reddit.com/button.js?t=2'/>

<br/>

<!--/+Facebook Button-->

<script src='http://widgets.fbshare.me/files/fbshare.js'/>

<br/>

</p>

</div>

Save your template.

For Further Reading,