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 = 'YOUR-TWITTER-USERNAME-HERE';
</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 }
A good article indeed
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!
very very nice and useful…. wordpress has plug ins but blogger need these things thank you
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>
In searching for sites related to web hosting and specifically comparison hosting linux plan web, your site came up.
Of course, what a great site and informative posts, I will add backlink – bookmark this site? Regards, Reader.
Thanks …I've done:)
i just add this buttons on my blog Taffice increase 30 % waawo
Nice tool but can you add a demo
Tnks
{ 1 trackback }