Add Google Buzz this button

Posted by Mayur




GMAIL USERS: You’re invited to join the conversation on Tutkiun's Google buzz account.

Google launched Google Buzz service two days back and internet users got another site to share posts with each other. But, officially Google have not provided any script for adding a social bookmarking button or link below each post. This tutorial will explain you how to add a "Buzz this" icon below every post on your blogger blog. The directions provided here are specifically for blogger blog. But, you can add this script to any other website if you know basics of HTML and CSS style sheets.

Goto layout then Edit HTML from dashboard in blogger account.



Edit HTML

Click on Expand widget templates at right top side of an editor.

Locate <data:post.body/> there.

Google buzz share button

Now, copy and paste code given below before <data:post.body/>  statement.
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'><img alt='Buzz this' border='0' class='icon-action' src='http://lh6.ggpht.com/_aQ9isAh6Od0/S3Qrot-P2VI/AAAAAAAACbE/2DbNV1dp9tw/google-buzz.png'/></a></div>
Click on preview to check if everything works fine. If no, then check for uncompleted tags else click on Save template.

Now, your readers can share posts in Google Buzz without moving from your post.

Customizations:


If you want to customize the sharing icon then you may change the image source there (highlighted part in below code).
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'><img alt='Buzz this' border='0' class='icon-action' src='http://lh6.ggpht.com/_aQ9isAh6Od0/S3Qrot-P2VI/AAAAAAAACbE/2DbNV1dp9tw/google-buzz.png'/></a></div>
 If you want to upload this image to your own web hosting service then you may download image by right click and save option there.

Google Buzz this
Update:
            Customize "buzz this " icons. Download them from here.