How to Add Google Buzz Links and Buttons On Your Blog

The Google once again is buzzing the world with the launch of its brand new “Google Buzz“, which is a Google approach to sharing information real-time and communicating with your friends and followers inside your Gmail.

With the social features of networks like Facebook added to the micro-blogging features of twitter, Google Buzz seems to have left a positive impression on Gmail users which is evident by the massive response it has got from Gmail users – a whooping nine million posts and comments recorded so far and counting.

So, its time for bloggers out there to join the buzz adding Google buzz links and buttons to their blogs for sharing the blog posts with Gmail friends. To make these Google buzz links & buttons work for you, first you’ll have to manage your Google Buzz connected sites making sure that you have added Google Reader to it.

Google Buzz Connected Sites

If your question is –
“why add Google Reader to Connected sites?”

the answer is –
“because the posts you buzz, first gets into your Google Reader shared items which will then be shared with your buzz followers.”

Having done that, now is the time to add the Google buzz links & buttons to your blogs.

Add Google Buzz links & buttons to WordPress blogs

Paste the following codes in your single.php file and it should be within the WordPress Loop.

Code for “Buzz This” link

<a href="http://www.google.com/reader/link?title=
<?php the_title();?>&url=<?php the_permalink();?>"
target="_blank" rel="nofollow external">Buzz This</a>

Code for “Buzz This” button

<a href="http://www.google.com/reader/link?title=
<?php the_title();?>&url=<?php the_permalink();?>"
target="_blank" rel="nofollow external">
<img src="https://i181.photobucket.com/albums/x166
/ramarao_bobby/mine/Google%20Buzz/buzz-this.png" border=0>
</a>

How To Add Google Buzz buttons to blogger blogs

1. Sign into your blogger account and go to
Dashboard > Layout > Edit Html

Blogger Layout > Edit HTML

2. Click on Download Full Template and save a copy of it so that you can go back to it in case you screw up something.

3. Under Edit Template click on “Expand Widget Templates” tickbox

4. Now, you can add the button at two locations –

  • Either at the end of each post
  • (OR)

  • below the title of each post

5. To add “buzz this” button at the end of each post, Click Ctrl+F for Find and search for the code below –

<data:post.body/> 

and immediately after it, copy and paste the following code

<div style=’float:left;padding:2px;’><a expr:href=’&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ rel=’nofollow’ title=’buzz this’><img alt=’buzz this’ border=’0′ src=’http://i181.photobucket.com/albums/x166/ramarao_bobby/mine/Google%20Buzz/buzz-this.png’/></a></div>

Then Click SAVE TEMPLATE and view your blog.

6. To add “buzz this” button at top right below the title of each post, Click CTRL+F for Find and locate the code below


<div class='post-body' entry-content'>

and immediately below it, paste the following code

<div style=’float:right;padding:2px;’><a expr:href=’&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ rel=’nofollow’ title=’buzz this’><img alt=’buzz this’ border=’0′ src=’http://i181.photobucket.com/albums/x166/ramarao_bobby/mine/Google%20Buzz/buzz-this.png’/></a></div>

Then Click SAVE TEMPLATE for the changes to take effect and go view your blog.

That’s it!! You have successfully added Google buzz links/buttons on your blog.

Leave a Reply

Your email address will not be published. Required fields are marked *