Add Google Buzz Buttons To Blogger Blog ( with Counter )

Google Buzz is a social tool from Google and it is much similar to Twitter and Facebook :). Google Buzz is a new way to start conversations about the things you find interesting. You can read more about Google Buzz at the official Google Blog . You might have seen the Google Buzz buttons on Mashable. You can see a demo of this button in this post page. :) . Now Google has officially released the Share Counters, So here are the steps to get the Buzz button on your blog.


1. This is the Google Buzz it Code. Copy it.

<style type="text/css">

<div style="float:right;padding:4px;">

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

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

</div>

2. Login to your Blogger Account and navigate to Layout > Edit HTML and Expand your widget templates.

3.Now find this piece of code in your template after expanding the widget templates

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

and immediately after that place our Google Buzz it Code

.If you were unable to find this code in your template,then look for the first occurrence of

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

and immediately before that, place our Google Buzz it Code.

4.Save your template and see the results.

5. If you need a smaller compact button, then change normal-count to small-count in the code.If you want to show the button on the left rather than on the right, then changefloat:right to float:left  in the code