Sunday, 14 February 2010

Add Google Buzz Buttons To Blogger Blog

Buzz It

google-buzz-buttons-for-blogger Google Buzz is a social tool from blogger and it is much similar to twitter and facebook :). Google Buzz is a new way to start conversations about the things you find interesting. You can read more about Google Buzz at the official Google Blog . You might have seen the Google Buzz buttons on Mashable. This one is similar but doesn’t produce any share count.

You can see a demo of this button in this post page. :) .

To get the Buzz button on your blog, posts follow these steps.

1. Login to your Blogger Account and navigate to Layout > Edit HTML and Expand your widget templates.

2. This is the Google Buzz it Code. Copy it. If you want to use some other Google buzz button image , then you can do that by changing the image link in the code [http://i48.tinypic.com/idyc04.png]

<div style="float:right;padding:4px;">
<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 It' src='http://i48.tinypic.com/idyc04.png' style='border:0px;'/></a>
</div>





3.Now find this piece of code in your template



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

and immediately after that place our Google Buzz it  Code and you are done :)

If you were unable to find this code in your template,then look for the first occurrence of






<data:post.body/>



and immediately before that, place our Google Buzz it Code.



4.Save your template and see the results.


Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

0 comments: on "Add Google Buzz Buttons To Blogger Blog"

Post a Comment