Monday, March 8, 2010

Add Google Buzz Button on Blogger

now you can use google Buzz buttons to share your ideas , pics, videos, and many more just like the twitter does,here is my post on how to add twitter button on your site or blog.the same you can add it for your google buzz basically if u search on google you get the lots of search on how to add google buzz button on Word-press blog, its very easy to do so you need to download the plugin and install it on your server that's it. but now u can use same on blogger too ,
Please follow the steps to add the Google buzz button

1.Sign in on your blogger account
2.Go to Dashboard section - Layout and click on Edit HTML
3.and it will show you HTML code , now try to search the keyword
<div class='post-header-line-1'>
on it,

4.now below that you can paste this code , google buzz provides you two button one is bigger one
just like this and smaller one too , here is code for large button

<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}'> <img alt='Buzz this' src='http://img2.pict.com/15/da/3e/2809374/0/googlebuzz.png'/> </a>

which will looks like


5.and here is compact button code
<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}'> <img alt='Buzz this' src='http://img2.pict.com/9c/09/57/2854010/0/buzzthis.gif'/> </a>
which will looks like



6.now save the template and see how exactly it appering on blog.

hope this article is helpful for you , thank you. if you have any problem while adding plz leave a comment we will help you.

2 comments: