Add Google Buzz "Follow on Buzz" and Counter Button To Blogger

On February 9, 2010 Google introduced Google Buzz as their social networking and messaging tool. This tool is integrated into your Gmail account. Users can share links, photos, videos, status messages and also comments organized in conversations and visible in the user's inbox. It is similar to somewhat Twitter. To add this great button to your blogs simply follow the steps below,

How To Add Google Buzz Counter To Blogger?

I have added some extra codes so that the buttons may appear in Post pages only and not the homepage.

1. Go To Blogger > Design > Edit HTML
   
2. Backup your template
   
3. Click Expand widgets templates box
   
4. Search for <data:post.body/>
   
5. Now if you want to add the Google Buzz counter button just below your post titles then add the giant code below just above <data:post.body/> or if you wish that the button may appear at the end of your posts then paste the following code just below <data:post.body/>
   

To add the Buzz Counter above use the code below,

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a title="Post to 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>
</b:if>

Or if you wish to use the Buzz counter above then use this code,

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count" data-locale="en_GB"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</b:if>

     6.  Save your template and view you blog to see it working just fine.

How To Add "Follow on Buzz" Button To Blogger?

To let people follow your buzzes, first you will need to create a Google profile page. Please read this post if you don't have an existing profile,

• Learn How to Create a Google Profile

Now to add the Follow button above any where in your blog kindly use the code below,

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a target="_blank" title="Follow on Google Buzz" class="google-buzz-button" href="REPLACE THIS WITH YOUR GOOGLE PROFILE LINK" data-button-style="follow">Follow on Buzz</a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</b:if>

• Make sure to make replace the bolded green text with your Google Profile Link.
• To add the Follow button below or at the top of Blog Posts then use the same technique as we discussed earlier for the Google Buzz Counter Button.

Google Buzz Guidelines

I hope you must read this in order to understand the Do's and Don'ts of using this button service.

• Google Buzz Guidelines

Follow MBT's DAILY BUZZES!

If you liked the tutorial above then I hope you would love to be kept updated with all the latest Blogger tutorials and Goodies. To follow our Cute Buzzes kindly click the button below,
Follow on Buzz Please do not hesitate to ask a question. Have fun! :>

SHARES

Share

Pin it

Tweet

Share

Share

Print

Buffer

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

Mohammad 6/01/2011