Add a Google Buzz button to every post on Blogger

Tweet

Google Buzz is a social networking and messaging tool from Google, which is designed to integrate into Gmail.

Google Buzz is a new and easy way to share updates about the things you find interesting. It lets you to share your updates, photos, videos and more with your friends like Twitter.

You can simply add a Google buzz button to your blog and let all your readers buzz your blog posts on their accounts.

Demo

HTML button	JavaScript button

Adding a Google Buzz button on Blogger using simple HTML

First you need to backup your blogger template. In your blogger dashboard, click on 'Design' > 'Edit HTML' and then click on 'download full template' and save your template.

1. Go to Blogger Dashboard > Design > Edit HTML and check the "Expand Widget Templates" option.
2. Press CTRL+F to find the code which looks like <data:post.body/>
3. Copy the below code

<!--GOOGLE BUZZ BUTTON BEGINS-->
<div style='float:right; margin-left:5px;'><a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' rel='nofollow' title='Buzz It!'><img alt='Buzz It!' border='0' src='http://1.bp.blogspot.com/_Vm6wqip6LWM/TRnFDiKTDLI/AAAAAAAAAuU/D5oLjbqE7ts/s1600/Google-Buzz.png'/></a></div>
<!--GOOGLE BUZZ BUTTON ENDS-->

4. Paste it on top of <data:post.body/> this code.
5. Preview your template and if everything works fine, then save it.

Adding a Google Buzz button on Blogger using JavaScript

Using JavaScript Google Buzz button, doesn't let your visitors to a new window. Instead, opens a pop out window in the same page. The good thing here is that, if you select any part of the page with your mouse cursor, text or even photo and it will be added to your buzz description.

1. Go to Blogger Dashboard > Design > Edit HTML and check the "Expand Widget Templates" option.
2. Press CTRL+F to find the code which looks like <data:post.body/>
3. Copy the below code

<!--GOOGLE BUZZ BUTTON BEGINS-->
<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}'>
<img src='http://1.bp.blogspot.com/_Vm6wqip6LWM/TRnFDiKTDLI/AAAAAAAAAuU/D5oLjbqE7ts/s1600/Google-Buzz.png' border='0' title='Share on Google Buzz' alt='Share on Google Buzz'/></a>
<!--GOOGLE BUZZ BUTTON ENDS-->

4. Paste it on top to <data:post.body/> this code.
5. Preview your template and if everything works fine, then save it.

Now you can see a Google Buzz button to the next of your post paragraph.