How To Add Official Google Buzz Button+Counter to Blogger

Posted by Lasantha Bandara on April 19th, 2010 File Under : bookmarks, button, google, seo4 Comments

Now Google has introduced their Official Google Buzz Buttons.Buzz Buttons help people share stuff from your website in Google Buzz. You can add this buzz button to your blogger blog or website easily.Below I explain how to add this official Google buzz button to blogger with or without share count.

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<data:post.body/>

4.Now copy one of the below codes and paste it just before the above line.

Button 1 : Button + counter : Post count - On the top

Code:

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

Result:

Button 2 : Button + counter : Post count - On the side

Code:

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

Result:

Button 3 : Button only : Size - Normal

Code:

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-button"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

Result:

Button 4 : Button only : Size - Small

Code:

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-button"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

Result:

Button 5 : Link

Code:

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="link"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

Result:

5.Now save your template and you are done.

File Under : bookmarks, button, google, seo

4 Responses to “How To Add Official Google Buzz Button+Counter to Blogger”

  1. Handi Priyono says:

    ++= Nice Article dude... I want to try use this Widget...!

    :http://handzmentallist.blogspot.com

  2. Beben says:

    hmmm...your performance brand new...
    its cool, congrat congrat

  3. Waryam says:

    I Failed To Do This Plz Help Me

  4. FUN says:

    i appreciated thanks for sharing

    http://funzmaza.blogspot.com

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.