How to put, add Google Buzz Share Button in Blogger

IF YOU PUT A GOOGLE BUZZ SHARE BUTTON in your Blogger blog, sharing of posts and articles in Google Buzz becomes very easy. It may also affect your search engine optimization (SEO) efforts positively. Here's a guide.

Sharing in Google Buzz is the same as submitting in Google Reader. In fact, when you share through Google Reader, the link will automatically appear in your Google Buzz feed.

So basically, the code we are going to use is Google Reader's but we have replaced the logo image and some texts appropriately.

How to put or add Google Buzz Share Button in Blogger (below post title)

1. Login to your Blogger account.
2. In your Dashboard, go to Layout > Edit HTML > Expand Widget Templates. Don't forget to make a backup copy of your template.
3. Find the following code using Ctrl+F:

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

Now paste the following code below it:

<b:if cond='data:blog.pageType == "item"'>
<div>
<!-- Google Buzz Small Button BEGIN -->
<img alt='Google Buzz' border='0' src='http://i45.tinypic.com/afewyc.jpg' style='float:left; margin-left: 2px; margin-top: -2px'/><a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}' style='float:left; margin-top: 1px; font-size:10px'>GOOGLE BUZZ</a>
<!-- Google Buzz Small Button END -->
</div>
</b:if>

If you don't want the button to be hidden on the summary state, simply remove

<b:if cond='data:blog.pageType == "item"'>

and

</b:if>

The Google Buzz Share Button will appear below the post title.


If you want a bigger button for Google Buzz (Digg or Tweet This style), use the following code:

<a expr:href='"http://www.google.com/reader/link?url="   data:post.url     "&title="   data:post.title' target='_blank' title='Share in Google Buzz'><img alt='Google Buzz' border='0' src='http://sites.google.com/site/coolbustersite/Home/BuzzIt.png' title='Buzz It!'/></a>

Or use this button, which will appear at the right side of your post.

<!-- Google Buzz Big Button BEGIN -->
<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}'><img alt='Google Buzz' border='0' src='http://sites.google.com/site/coolbustersite/Home/BuzzIt.png' style='float:right; padding:4px'/></a>
<!-- Google Buzz Big Button END -->