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.
