Install Digg, Retweet, Facebook Share & Yahoo! Buzz Sharing Buttons in Blogger Posts

Social bookmarking widgets in your blog posts are a quick way to share your articles on social bookmarking sites, that can get traffic and popularity to your blog posts.
The best place to install bookmarking buttons is below the post where readers can submit the article easily if they like it. 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.
 

I'm sharing here installation of Digg, Twitter, Yahoo! Buzz, and Facebook Share button for your blogger blog posts.

These will appear inside your all posts at top right.
1. Go to Layout > Edit HTML.
Check "Expand Widget Templates"
2. Find <p><data:post.body></p>
3. And just ABOVE it, paste the following 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;YOUR-TWITTER-USERNAME-HERE&#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>

4. Save the template and you're done!

You'll see these 4 buttons in your all blog posts at top right position.

Customization

Digg button is in Blue code
Twitter button is in Red code (Replace YOUR-TWITTER-USERNAME-HERE with your twitter user name without @)
Facebook Share button is in Green code
Yahoo! Buzz button is in Pink code
To move the place of the button, change the "right" (bold), to "left" or "center" to place buttons accordingly.
You can add as many bookmarking buttons as you want if you know the codes of them.

{ 9 comments… read them below or add one }

1 Zain February 14, 2010 at 9:57 pm

A good article indeed

2 Brendan February 19, 2010 at 4:29 pm

Hi there,

Thanks for this piece of code. It's exactly what I was looking for, I've added Facebook and Twitter buttons to my blog.
I have one problem though. The buttons look perfect if my post it all text. However if the post starts with a photo (which most of my post will) the post is pushed down and the buttons appear above the post rather than in it.
Don't suppose you have a solution to this problem do you?

http://www.fromkilburnwithlove.com
Thanks!

3 Yaseen March 25, 2010 at 6:43 am

very very nice and useful…. wordpress has plug ins but blogger need these things thank you

4 BloggerGeeze | Blogging Tutorials April 7, 2010 at 4:29 am

I know this tutorial can help you out so I have come here to share this new blogging tuts about: <a href="http://www.bloggergeeze.com/2010/04/social-networking-and-bookmarking-sites.html">Social Networking and Bookmarking site's buttons that you should install on your blogs</a>

5 Jospeh Iman June 19, 2010 at 6:34 pm

In searching for sites related to web hosting and specifically comparison hosting linux plan web, your site came up. :)

6 News on Personal Loans June 24, 2010 at 9:59 am

Of course, what a great site and informative posts, I will add backlink – bookmark this site? Regards, Reader.

7 Hasham June 25, 2010 at 5:57 pm

Thanks …I've done:)

8 sami September 14, 2010 at 7:15 am

i just add this buttons on my blog Taffice increase 30 %   waawo

9 Tchock September 23, 2011 at 6:01 pm

Nice tool but can you add a demo
Tnks

Leave a Comment

 

{ 1 trackback }