Add google buzz button to blogger

Thursday, March 11, 2010


This post helps you to add Google Buzz button to your blogger blogs.
Follow the instructions given below:

Please Note: Before Editing your Template, Save a copy of your current template by clicking 'Download Full Template' in 'Edit HTML' page of the Blogger 'Layout' Window and 'Preview' the changes before Saving.


1.Go to Blogger Layout page - Edit HTML - and click Expand Widget Templates


2.Now Search (Ctrl+F) for


3.Now paste the following code just before <data:post.body/>:

<!--GOOGLE-BUZZ-BUTTON-->
<div style='float:right; margin-left:3px;'>
<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title' target='_blank'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz This' src='http://i48.tinypic.com/mhpmcz.jpg'/></div></a>
</div>
<!--GOOGLE-BUZZ-BUTTON-->


Note: In the case of blogs with Read More/Expandable Post Summaries, the above code has to be pasted just before the SECOND OCCURRENCE of <data:post.body/>

4.Now Preview and Save your template. You will see the G-Buzz button appearing right your post title (as shown below).

0 comments:

Post a Comment