Install Facebook Share, Yahoo! Buzz, Dig, Retweet Sharing Buttons in Blog Posts

Posted by Faheem Mustafa

Hello Readers:
Social Bookmarking is one of the best way to share your articles with the rest of the world. By adding several social bookmarking options to your blog you can increase the traffic to your blog.
The best place to add bookmarking buttons is below the post where readers can submit the article easily if they like. But putting those buttons on a prominent place like at the top of the post is also beneficial sometimes for webmasters because readers can access those sharing buttons easily helping you to increase traffic to your page.
Here I'm sharing the way how you can add the social bookmarking buttons to your blog posts.
Adding Dig, Retweet, Facebook & Yahoo Buzz Buttons
1:  Log-in to Blogger Account
2:  Go to Layout > Edit HTML 
3:  Check the checkbox "Expand Widget Templates"
4:  Find (CTRL+F) <p><data:post.body/></p>
5:  To Add Social bookmarking buttons above post copy the following code and paste before the searched one. If you want to add them below post just paste the following code below the searched code

<div style='float: right;'>
<table>
<tr><td>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</td><td>
<script type='text/javascript'>
tweetmeme_source = &#39;FaheemMustafa&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</td></tr>
<tr><td>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</td><td>
<script badgetype='square' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'>ARTICLEURL</script>
</td></tr>
</table>
</div>

To move the place of the buttons, change the "right" (red), to "left" or "center" to place buttons accordingly.

blog comments powered by Disqus
Related Posts with Thumbnails