How to Add Google Buzz Button into Blogger Blogspot?

Google Buzz is a social networking and messaging tool from Google, designed to integrate into the company's web-based email program, Gmail. Users can share links, photos, videos, status messages and comments organized in "conversations" and visible in the user's inbox.
This post is about how to add Google Buzz button into your blog to help you get more traffic:


1. Login to your Blogger Dashboard and go to Design > Edit HTML. Before doing any thing you must check Expand Widget Templates box. And find the next tag:

<data:post.body/>

 2. Add the following code (button code) before the found tag:

<div style="padding: 4px; float: right;> <a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" expr:href="data:post.url" data-button-style="normal-count" data-locale="en"></a> <script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script> </div>

3. Click Save Template and you have done.

NOTE: The above steps help you add the button in the header of your post. If you want to put the button in the footer, just place the button code before the following tag:

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

or after:

<data:post.body/>

If you like the button appear on the left side, replace float:right by float:left

4. Customize the Button:

- expr:href="data:post.url": Remember to add this whatever snippet you have generated. It will configure the URL of the post automatically.
- data-button-style="normal-count": It's the type of buzz button. Changing it to "small-count" will place the buzz count to it's side.
data-locale="en": The language for buzz.

Posted in: Social Media