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.- Go To Blogger > Design > Edit HTML
- Backup your template
- Click Expand widgets templates box
- Search for <data:post.body>
- 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>
<b:if cond='data:blog.pageType == "item"'>
<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 == "item"'>
<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 == "item"'>
<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,Read more: DragonHackers Blogspot | Tutorial Blogger | Tutorial Internet | Tutorial Computer http://dragonhackthis.blogspot.com/ Under Creative Commons License: Attribution
0 comments:
Post a Comment