BarokOnline

I wasn't able to put up all these things in one instant. I got these button snippets gathered from different blog posts. But don't worry. I am not going to let you spare a drop of sweat how to get this thing done as I did.

Just follow this simple procedure and your on the go.

1. Inside your blogger dashboard, navigate to Layout >> Edit HTML >> Expand Widget Templates.
2. Search for <data:post.body/> and paste the code below:
<br /> <!-- Modified by Guy Radaza --><br /> <br /> <div style='float:right; margin-left:15px;'><!-- Dig Button --><br /> <script type='text/javascript'> digg_url = '<data:post.url/>'; </script><br /> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> <!-- End Digg Button --> <br/> <!-- Twitter Tweet Button --> <script type='text/javascript'> tweetmeme_style = "compact"; </script><br /> <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> <!-- End Code --> <br/> <!-- Facebook Share Button --> <a href='http://www.facebook.com/sharer.php' name='fb_share' type='icon_link'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/> <!-- End Button --> </div>
3. Do a preview before publishing your work.

This code will give you the compact version of Facebook and Twitter button:


If you prefer to see the button type, just use these codes:
<br /> <div style='float:right; margin-left:15px;'><!-- Dig Button --><br /> <script type='text/javascript'> digg_url = '<data:post.url/>'; </script><br /> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> <!-- End Digg Button --> <br/> <!-- Twitter Tweet Button --> <script type="text/javascript"> tweetmeme_url = '<data:post.url/>'; </script>Retweet this button on every post blogger<br /> <script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript"> </script><br /> <!-- End Code --><br /> <br/><br /> <!-- Facebook Share Button --><br /> <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br /> <!-- End Button --><br /> </div><br />

This is how the button will look on top of your post:


I didn't have problems implementing these codes. Kindly post your comments if you are encountering any issues. You can experiment by placing the code before <data:post.body/>. The buttons will appear below your post. Enjoy!


Related Articles:
How To Invite Your Facebook Friends To Join a Group or Fan Page
Setup Vanity URLs For Your Facebook Fan Page

Blogumus: Flash Animated Cloud for Blogger
"Follow Me And I'll Follow You" Principle In Twitter
Filtering Facebook Emails And Notifications Inside Yahoo Mail
Add Auto-hide Sexy Bookmarks to Blogger
How To Add Facebook Fan Page In Blogger
Unfollow Twitter User's Who Ain't Following You Back - for Dummies