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.
Today I will show you the way to add the Google Buzz button to your blog after the post-entry's title.
3. Before Editing template, save full template for safety. If You are beginner to edit html then see my another post Blogger tips on how to edit HTML.
4. In the source code area, search for :
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
5. This is the code to add Google Buzz button to your blog.
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title+ "&srcURL=" + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'><img align='right' alt='Buzz this' border='0' class='icon-action' src='http://lh6.ggpht.com/_Yq688ThHBa4/S3uKrfV5QYI/ AAAAAAAAB7E/oU_fal8rILo/google-buzz.jpg'/></a>
Copy it and paste to under the code in step 4, like this:
6. Now Save template and Enjoy. Below is the sample by my blog
Note: You can change to the other buttons as you like by change this image's link to the other:
6. Now Save template and Enjoy. Below is the sample by my blog
Note: You can change to the other buttons as you like by change this image's link to the other:
http://lh6.ggpht.com/_Yq688ThHBa4/S3uKrfV5QYI/
AAAAAAAAB7E/oU_fal8rILo/google-buzz.jpg
----o0o----
Have fun with your blog!
Thanks for reading. Did you enjoy this post?