Add Google Buzz Buttons To Blogger/BlogSpot Blogs

13th Feb.: Code updated to replace the word null with your blog’s name.
14th Apr.: Now official Google Buzz buttons are available (with a share-counter).

Follow BloggerStop at G-Buzz

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!

Add Google Buzz Buttons To Blogger/BlogSpot BlogsNow 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 BloggerStop. 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:

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

STEP #2
And immediately BELOW/AFTER it, paste this code:

<!–BUZZ-STARTS–>
<a expr:href=’&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + "&amp;srcTitle=" + data:blog.title’ target=’_blank’><div style=’border:0px !important;text-align:right;margin-top:-42px;’><img alt=’Buzz It’ src=’http://i46.tinypic.com/121wg9e.jpg’/></div></a>
<!–BUZZ-STOPS-https://bloggerstop.net–>

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

Add Google Buzz Buttons To Blogger/BlogSpot Blogs

Or, paste this code:

<!–BUZZ-STARTS–>
<a expr:href=’&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + "&amp;srcTitle=" + data:blog.title’ target=’_blank’><div style=’border:0px !important;text-align:right;margin-top:-42px;’><img alt=’Buzz It’ src=’http://i47.tinypic.com/2j0b02c.jpg’/></div></a>
<!–BUZZ-STOPS-https://bloggerstop.net–>

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

Add Google Buzz Buttons To Blogger/BlogSpot Blogs

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…

*Update: Soufiane from LeBlogger, has suggested a new javascript based code to display these G-Buzz buttons; wherein if the readers select any part of the post before hitting the Buzz This button, then the selected text (and images too) will also appear in their G-buzz updates. Here’s the new code:

<a href=’javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}’ title=’Buzz It!’><div style=’border:0px !important;text-align:right;margin-top:-42px;’><img alt=’Buzz It’ src=’http://i47.tinypic.com/2j0b02c.jpg’/></div></a>

PS: Use this code, instead of the one from STEP #2, if you want those additional benefits. The above code will display the larger icon by default, change the image-url to show the smaller icon.
Thanks to Mashable for the larger Icon !

Leave a Reply

86 Comments on "Add Google Buzz Buttons To Blogger/BlogSpot Blogs"

Notify of
avatar
Sort by:   newest | oldest | most voted
Soufiane
Guest

It's google reader code, why every body is saying it's Google Buzz ~x(

View Comment
Winoath @Contests and Freebies
Guest

great..i have added it to my blog..You are very fast sai.This is better than facebook share where people have to enter captcha and all.Plus gmail users are larger than facebook 🙂 .

Check this out ,it worked in my blog well.

Contests abd freebies

View Comment
Poras Gupta
Guest

Great,It is Very Good
It Is working in my blog .

View Comment
கிரி
Guest

Thanks Sai!

It is adding in to the Google Reader instead of Gmail Buzz.. then what is the use of this purpose! Pls explain

View Comment
Divya Sai
Guest

@Soufiane and கிரி

Buzz is already connected to many other services like our blogs, twitter profile, flickr, picasa etc. (and that includes our G-reader account too)

As I have said in the post, Google hasn't yet introduced any official buttons, and as un-officially sending content into gmail is not that easy, so the better way is:

Send content to G-reader, and as G-reader is connected to G-Buzz, so ultimately posts will go to G-buzz. 😉

View Comment
கிரி
Guest

Yeah! It came in the Buzz. Thanks 🙂

But why it is selected Google reader in the Buzz? (In ur script also included Google reader link) is there any specific reason?

and one more

when I Buzz my one of the post, it is giving my post name and "null" word in Google Buzz.

My post link looks correct (it is opening correct link), but when I click the "null" word its going to my Blog home page. How do I change "null" word in to my Blog name or Blog home link.

Thanks in advance
Giri

View Comment
கிரி
Guest

Thanks for the info about Google reader 🙂 and pls let me know the null option? if you have idea.

View Comment
Sai @ Blogger Widgets
Guest

Donno what that "null" is…but no prob. as long as it links to our own blogs 🙂

View Comment
கிரி
Guest

🙂 Thanks for ur help Sai. This Buzz button will be helpful for me.

View Comment
Soufiane
Guest

By the way the Google Reader Bookmark code is much better because it opens an ajax Pop-up instead of a new Window….
and The result is the same !

Check out the code in my blog, Le Blogger or get it directly from google reader

View Comment
Divya Sai
Guest

Sure it's a nice way Soufiane,
but I usually prefer non-javascript based methods over JS methods. And actually some people don't like pop-ups.

View Comment
Soufiane
Guest

In this case I prefer pop-ups because you can select text/links/images from the article then click refresh and those Links/Images/text will be added to the message that will appear in Google Buzz …. you can't do this with the HTML code, try it !

View Comment
Divya Sai
Guest

Wow…that's great, I'll soon update the post with a link back to you!

View Comment
Soufiane
Guest

Hihihi thanks, I used the code of the "Google Reader subscribe bookmark" , you can get is by going to Google Reader setting or grab the one in my blog…

View Comment
Pushpinder Singh Bagga
Guest

&srcTitle to be replaced by &srcTitle

thanks b/w

View Comment
Divya Sai
Guest

@Soufiane,
Your suggestion is worth a mention in the post 🙂 ..I have updated the post and added that new code.

@Pushpinder
what's the difference? couldn't get it !

View Comment
Divya Sai
Guest

@Pushpinder,

Yeah got your point, thanks for pointing it out!

View Comment
Soufiane
Guest

Thanks for the link Sai…
(We can select any part of the post even after hitting the Buzz This button …)

View Comment
Divya Sai
Guest

Welcome Soufiane…

@Giri,
Code updated to replae the word "null" with blog's name.

View Comment
Anonymous
Guest

Google Buzz! for blogger blog…I have written a step by step guide to have a Buzz this button below every post in blogger blog.

Buzz Buttons with customizations

View Comment
wpDiscuz