Main » 2012 » July » 30 » Add Google Buzz "Follow on Buzz" and Counter Button To Blogger
11:08 AM
Add Google Buzz "Follow on Buzz" and Counter Button To Blogger

Google-Buzz-Button

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>

Google Buzz Counter Button

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>

Google Buzz Button

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,

 

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.
Views: 556 | Added by: Roshan | Rating: 0.0/0
Total comments: 0
Name *:
Email *:
Code *: