Saturday, May 14, 2011

How to add counter sharing button to blog or website

Share It
-----------------------

In Blogger blog Go to Design > Edit HTML and then search for ‘<data:post.body/>’ Keyword

And place the below code as your wish of social networking sharer just before the searched keyword to place the sharing button to your blog.

For Facebook sharing button:

<div style='float: right; padding: 2px;'>

<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'/>

</div>

For twitter sharing button:

<div style='float: right; padding: 2px;'>

<script type='text/javascript'>

tweetmeme_url = '<data:post.url/>';

tweetmeme_source = 'Your Twitter Account';

tweetmeme_service = 'bit.ly';

</script>

<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>

</div>

For Stumble Upon sharing button:

<div style='float: right; padding: 2px;'>

<script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>

</div>

For digg sharing button:

<div style='float: right; padding: 2px;'>

<a class='DiggThisButton DiggMedium'/>

</div>

For Buzz sharing button:

<div style='padding: 2px; float: right;'>

<a class='google-buzz-button' data-button-style='normal-count' data-locale='en_IN' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>

<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>

</div>

Other recommended posts: