Stop PC Crashes with WinZip System Utilities

Enter your email address:

Thursday, July 22, 2010

ADD GOOGLE BUZZ SHARE COUNT BUTTON IN YOUR BLOG POSTS

Google Buzz helps net riders to share interesting articles, videos, posts and images with one button click. Google now announced official Buzz button that shows the total number of Buzz on specific posts in your blog or website. Here in this post, I would like to share the code of two Google Buzz share count buttons, Small and Large buttons. Whenever a visitor click on this button, it will automatically pick the URL of your post for quick sharing through Buzz. If you like this post, buzz it now…

How to add Google Buzz share count buttons to your blog

STEP A
Log in to Blogger Account, go to Layout -> Edit HTML and check the box "Expand Widget Templates". Now, find any of this code in your  template. (Please make a backup copy of your template before doing any sort of editing)

<div class='post-header-line-1'/>

OR

<div class='post-header-line'/>

 

STEP B
Then immediately after the above given code, copy and paste the code given below. You may select the code of any one of the two Google Buzz Counters.

 

Small Buzz counter

GOOGLE BUZZ SMALL COUNTER

<!--GOOGLEBUZZCOUNTER-CODESTARTS-http://businessvartha.blogspot.com--><div style='float:right;padding:4px;margin-top:-4px;'><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count" data-locale="en_IN"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script></div><!--GOOGLEBUZZCOUNTER-CODESTOPS-->

 

Large Buzz counter

GOOGLE BUZZ LARGE COUNTER

<!--GOOGLEBUZZCOUNTER-CODESTARTS-http://businessvartha.blogspot.com--><div style='float:right;padding:4px;margin-top:-4px;'><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-locale="en_IN"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script></div><!--GOOGLEBUZZCOUNTER-CODESTOPS-->

Something to edit:

  • You may change the position of this button by changing the right to left or center.

Once you finish pasting the code, then click on preview to see where the button appears. If is is in correct position as you desired, then save the template. Still got some problems? ..Ask me…

More Buttons to Add:

1 comment:

Anonymous said...

thanks very much, this is one of the best place i found for social network counters buttons

Blog Widget by LinkWithin