Thursday, 18 February 2010

Adding Buzz this Button for Blogger Blogspot Blogs

               As you know Google have launched Google Buzz service and now there is now a new social button of Google BUZZ this created and implemented in many blogs which helps to share posts with each other. Officially Google have not provided any script for adding a social bookmarking button or link below each post. However it is quite easy to add a "Buzz this" icon below or above or to right corner just like retweet button or digg button or facebook share button on every post on your blogger blog.


The directions provided here are specifically for blogger blog. But, you can add this script to any other hosted blogs if you know basics of HTML and CSS .
  • Go to layout then Edit HTML from dashboard in blogger account.
  • Click on Expand widget templates at right top side of an editor. Dont forget to backup template in case anything by mistake goes wrong !

  • Locate <data:post.body/>  there.
  • Now, copy and paste  this code before <data:post.body/>   statement.

<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'><img alt='Buzz this' border='0' class='icon-action' src='http://lh6.ggpht.com/_aQ9isAh6Od0/S3Qrot-P2VI/AAAAAAAACbE/2DbNV1dp9tw/google-buzz.png'/></a></div>

  • Save template.
Check if its working otherwise change your template or wait till official button comes ;)
Now, your readers can share posts in Google Buzz !
You can even customize by changing image link and adding your own
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

0 comments: on "Adding Buzz this Button for Blogger Blogspot Blogs"

Post a Comment