Google Buzz Button For Blogger

Google Buzz is a social sharing tool from Google and it is much similar to all other sharing widgets. It's is a great way to start conversations about the things you find interesting. You can read more about Google Buzz at the official Google Blog.
Google Buzz has got 3 different sharing buttons.
Integrating this into blogger will require some template edits.
To add this widget to your blog, follow these instructions:


Step 1:
Log in to Blogger, go to Design / Layout > Edit HTML and tick the "Expand Widget Templates" checkbox.



Step 2:
Now find (CTRL+F) this in the code:

<data:post.body/>



Button & Counter:
7

Case 1:

To place the google buzz button with counter at the top right corner of your post paste this code before/above it :

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

NOTE: Don't forget to save the template.
NOTE: To change the button position from "Top-Right" to "Top-Left" just change the float position to left. i.e. float:right changes to float:left check it in Case 2 below.

Case 2:


To place the google buzz button with counter at the top left corner of your post paste this code before/above it :

<div style="float:left;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>


NOTE: To change the button style from "Button & counter" to "Button only (Normal)" or "Button only (small)" or to "Link" just change the data button style (text marked in green). i.e. data-button-style="normal-count changes to data-button-style="normal-button or to data-button-style="small-button or to data-button-style="link check it in Case 3 & Case 4 below.

Button Only (Normal):
 Buzz 

Case 3:

To place the normal google buzz button at the end of your post paste this code before/above it :

<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-button" 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>

NOTE: Don't forget to save the template.
NOTE: To place the google buzz button at the top left corner of your post just change the code as shown in Case 1 and Case 2.

Button Only (Small):
 Buzz 

Case 4:

To place the small google buzz button at the end of your post paste this code before/above it :

<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="small-button" 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>

NOTE: Don't forget to save the template.
NOTE: To place the google buzz button at the top left corner of your post just change the code as shown in Case 1 and Case 2.

Link:
Buzz

Case 5:


To place the google buzz link button at the end of your post paste this code before/above it :

<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="link" 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>

NOTE: Don't forget to save the template.
NOTE: To place the google buzz button at the top left corner of your post just change the code as shown in Case 1 and Case 2.

NOTE: To place the google buzz button at the end of your post paste this code after/below it.
This will put a Google Buzz Button to every post. But you can not choose which post you want to include or exclude a button.