Feb
11

Add Google Buzz this button

Mayur How To, Programming, tools 2010-02-11
GMAIL USERS: You’re invited to join the conversation on Tutkiun’s Google buzz account.

Google launched Google Buzz service two days back and internet users got another site to share posts with each other. But, officially Google have not provided any script for adding a social bookmarking button or link below each post. This tutorial will explain you how to add a “Buzz this” icon below every post on your blogger blog. The directions provided here are specifically for blogger blog. But, you can add this script to any other website if you know basics of HTML and CSS style sheets.

Goto layout then Edit HTML from dashboard in blogger account.

Edit HTML

Click on Expand widget templates at right top side of an editor.

Locate there.

Google buzz share button

Now, copy and paste code given below before   statement.

Buzz this

Click on preview to check if everything works fine. If no, then check for uncompleted tags else click on Save template.

Now, your readers can share posts in Google Buzz without moving from your post.

Customizations:


If you want to customize the sharing icon then you may change the image source there (highlighted part in below code).

If you want to upload this image to your own web hosting service then you may download image by right click and save option there.

Google Buzz this
Update:
Customize “buzz this ” icons. Download them from here.

No related posts.

,
Address: http://www.tutkiun.com/2010/02/add-google-buzz-this-button.html
«
»
  • nathanlatka1

    how do i restrict the button to the upper right? if you look at my blog posts @ http://nathanlatka.com you see the button is just floating on the bottom. How do I put it up by tweetmeme?

  • http://myfundoo-blog.blogspot.com/ I>K>B

    not working…for blogger….tested on my own blog

  • http://programminglanguagefaqs.blogspot.com/ Mayur

    It's very simple!! Just locate tweetmeme script in your HTML code(Make sure that expand widgets is checked to find tweetmeme script). Add the following code below tweetmeme script…

    'Buzz

    [Remove those three * after a]
    This will work fine for you and will display Buzz this below Tweeetmeme sharing icon.

  • http://programminglanguagefaqs.blogspot.com/ Mayur

    It's very simple!! Just locate tweetmeme script in your HTML code(Make sure that expand widgets is checked to find tweetmeme script).

    Add the above code below that script. If you want to display Buzz this below Tweetmeme the add tag after tweetmeme script.

  • http://programminglanguagefaqs.blogspot.com/ Mayur

    Sorry for inconvenience. But, I've tested the code for several blogger blogs. It works fine! :-)
    Just make sure that you have properly closed all the tags and there is NO mismatch in closing of HTML tags.

  • http://www.priyankawriting.com/ priyanka d

    just put this code on my blog, works well.

  • http://twitter.com/andrealschultz Andrea Schultz

    I did that; thanks! However, my button is at the top, not the bottom, of the posts. How do I get it to show under the post? Please forgive my amateur question! : )

    My blog is:

    http://andrealschultz.blogspot.com

    Thanks – Andrea

  • http://robsellen.com Rob
  • http://www.piedpiper3409.co.cc/ Pallav

    It's working fine for me too. You can visit my blog :)

  • http://parth-dave.blogspot.com/ Parth J Dave

    Thanks a lot for making this post! I was searching for this button and I found it here through Indiblogger.

    It's working quite well on my blog.. Thanks again for this tutorial..!

  • http://www.tutkiun.com/ Mayur

    You are welcome Parth! :) You can also try some customizations of sharing icons from the icon pack downloaded from the link below.

    Buzz icon pack

    I've also visited your blog. You have a nice blog about India and Indian culture.

  • http://parth-dave.blogspot.com/ Parth J Dave

    The customization provided in the icon pack is awesome, but I think I'll do away with the classic icon for my blog.

    Thank you for visiting and appreciating my blog. Also thanks for adding me to your Indiblogger network! Do stay in touch..

    P.S. I shall be regularly visiting this site for further updates on blogging and stuff.

  • http://eblogtip.com/ Tinh

    Nice tut for blogger-powered blogs

  • http://hendersonvilleepicurean.blogspot.com/ Laura

    Hi Mayur,
    Any idea why my post title is not being picked up when it's buzzed? Your code works great, but there must be some coding issue on my blog that is preventing the title name being buzzed? My blog is: http://hendersonvilleepicurean.blogspot.com
    Any help you can provide would be much appreciated!

  • http://www.tutkiun.com/ Mayur

    Thank you Laura for notifying that bug. Now, I've modified the sharing code. Please reinstall code from above. This will work fine.

    Sorry for inconvenience!

  • http://hendersonvilleepicurean.blogspot.com/ Laura

    Works great! Thanks for the fast action!!

    I just noticed that someone with the "Buzz This" button has managed to have their aritcle included in the notes. Do you think they manually copied the post or somehow wrote code to do it automatically? I've only seen one example of this so far.

  • http://cben.net/ Fred

    Horizontal G-Buzz Button 17×70 (like Facebook's Share)

    http://cben.net/img/gbuzz.png

  • JImena

    HI! it worked perfect! DO you know how to do a Buzz This Counter?? Thanks!

  • http://www.animotivation.blogspot.com/ elmot

    wow! thanks! placed this on my blog! and worked out well beside my tweetmeme button…unfortunately, I really don't know how to put these two buttons side by side as what happens now is that they stacked on each other vertically.

    here is my blog, maybe you can check it out and help me:

    http://www.animotivation.blogspot.com

    Thanks!

  • http://www.tutkiun.com/ Mayur

    Replied you via email. Please check that out! :)

  • http://myfundoo-blog.blogspot.com/ I>K>B
  • http://twitter.com/nayanlodha Nayan

    this code for blog. I want to put this button on my website. How can i do it?

  • http://twitter.com/nayanlodha Nayan

    Mayur I was such code my website. How can i get it?

  • http://www.tutkiun.com/ Mayur
  • http://gyratorytech.com Kenny Tran

    Thanks 4 share
    It’s very useful

  • http://www.audiosystemreviews4you.com/magnavoxmdr513h MDR513H

    This is interesting tool to try. But I wonder if there is a plug-in in wordpress for google plus. I have only tried facebook likes and so far I like it. Maybe I will try google plus in blogger platform.

  • Robby281287

    u’re right.:) very useful information

blog comments powered by Disqus