Blogging Ethics

MBT Tube

June 1, 2011

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


Google-Buzz-ButtonOn 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.

Google Buzz Guidelines

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

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! :>





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 »

4 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. hey buddy where to add the follow buzz code in the blog where, which section below??

    ReplyDelete
  2. @Raj

    You can add the code in HTML/JavaScript widget and place it anywhere you feel it will suit you. Its better to either place it at top or the footer.
    Further if you want to add it just below posts then add it below data:post.body as we did for the Counter button

    ReplyDelete
  3. I posted this worry before, and my comment was deleted. This is a serious concern. Why does this webpage have the two of MBT's tools? Are they truly property of MBT, or were they copied? As a addicted MBT reader it hurts me to see MBT's content copied. Please look into the matter.

    http://www.2createawebsite.com/build/hex-colors.html

    ReplyDelete
  4. @Anonymous
    I thank you dear for your love and respect for mbt. The tools were actually flash designed by 2createwebsite. MBT has only used these tools for non-commercial purpose with a link back to the actual creators of the tools. If you look carefully at our tool page you will find a small attribution link to 2createwebsite. Written as:
    All due credits for these tools goes to 2createawebsite

    I thank you for your valuable concern buddy. :>

    PS:You previous comment was auto added to spam. Sorry for the inconvenience.

    ReplyDelete

Widgets + Web Designing

Workshops

SEO Mashup