How to add Google Buzz Gadget on Blogger

Everybody we know that Google Buzz is a powerful resource sharing media. Today we all the blogger use it for sharing our post to any others media for increasing our blog visitor especially for enlarged our earning from Google AdSense. On Wordpress, it is so easy to add a Google Buzz plugging, because the developers of Wordpress.org was made the Google Buzz plugging for Wordpress blog. But in Blogger blog it has also the option for adding Google Buzz, but it could be critical for beginners blogger to changed the HTMl code from Design>Edit HTML. Because, if they make a mistake for changing the code the whole template will be damaged. For securely adding the gadget please follows the steps below:

1. Login to your Blogger Account.

2. Select the blog, which you wanted to add the Gadget.

3. Then click the Design>Edit HTML, the check Expand Widget templates.

4. Search the below code

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

5. Delete the above code & paste Google Buzz it Code. Copy it from below:

<br /> <div style="float: right; padding: 4px;"><a class="google-buzz-button" data-button-style="normal-count" data-locale="en_IN" expr:data-url="data:post.url" href="http://www.google.com/buzz/post" rel="nofollow" title="Post on Google Buzz"></a><br /> <script src="http://www.google.com/buzz/api/button.js" type="text/javascript"> </script></div>

6. If you need a smaller compact button, then change normal-count to small-count in the code.If you want to show the button on the left rather than on the right, then change float:right to float:left  in the code

Now save the template & see the results.


Happy Blogging.....