--> Add Google Buzz "Follow on Buzz" and Counter Button To Blogger | Experience Lab - Online business creation and development guide for bloggers and startups

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 ac...



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.


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

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: Add Google Buzz "Follow on Buzz" and Counter Button To Blogger
Add Google Buzz "Follow on Buzz" and Counter Button To Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEherH9N30Ymcsj_u5IFpL4z_UUg_mxOhTsM15H5U1QNx7buocv6hqpNTqG588wzslj0h-5HdbxwcYCWc8PJ1uRvADwAzbn-Ug88edehdOpQ3NvfTCbqtuakwqXDdBgYbI0eFagn7_VhJx4/?imgmax=800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEherH9N30Ymcsj_u5IFpL4z_UUg_mxOhTsM15H5U1QNx7buocv6hqpNTqG588wzslj0h-5HdbxwcYCWc8PJ1uRvADwAzbn-Ug88edehdOpQ3NvfTCbqtuakwqXDdBgYbI0eFagn7_VhJx4/s72-c/?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2011/05/add-google-buzz-on-buzz-and-counter.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2011/05/add-google-buzz-on-buzz-and-counter.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy