How To Add Google Buzz Buttons To Blogger/BlogSpot Blogs

Add This To Del.icio.us Share on Facebook StumbleUpon This Add to Technorati Digg This

First it was Facebook, then Twitter and now it is Google-Buzz.
Being a blogger, you don't have to worry on who's copying whom! All these websites let their users interact more easily and for webmasters, it means free traffic with minimum efforts. So, keep all your options open as you never know which of them may bring a big wave of traffic to your blog!

Now talking about G-Buzz, although Google has not yet provided any official "Buzz It!" buttons, but it does allow you to synchronize your blog-feed with the Buzz, so that all your posts are directly sent to your Buzz account. Simply add your blog to the connected sites list...
Inspired by Mashable, now I too have created the Google Buzz It! buttons for the readers of CloneStop. Here's how you can add these buttons to your blog:

STEP #1
Log in to Blogger, go to Layout -> Edit HTML
and mark the tick box "Expand Widget Templates"

Now, find this code in the template:

STEP #2

And immediately BELOW/AFTER it, paste this code:

 

It will display a small Buzz It! button like this:

Or, paste this code:

to display a larger Buzz It! button like this one:

NOTE: By default, the alignment of these buttons is kept to "Right", you may change it to "Left" too. To change the position of the button, change the value -45 pixels (in margin-top:-42px;).

STEP #3

Save the template and let the Buzzer Buzzzzzzz...

For Further Reading,

Blogger, Blogger Tips, Blogging, Blogging Tips, Blogspot Tips, Design Tips, Google Buzz