Friday 12 February 2010

Add Google Buzz button on blogger

Google Buzz (Google Buzz) seems  to be an interesting new way to share content with your Gmail friends, so why not have a button for sharing blog posts to the service?
Officially Google have not provided any script for adding a Buzz button or link below each post. This tutorial will help you to add a "Buzz this" icon below every post on your blogger blog.
add google buzz button to blogger
Goto layout then Edit HTML from dashboard in blogger account.

Click on expand widget Template check box on the top right(see image)

And find <data:post.body/>there.


 Now paste the code given below after <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;srcURL=http://myfundoo-blog.blogspot.com/&quot;' rel='nofollow external' target='_blank'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZFVNIuH0ej8YDt0PdgV8Dru-6NaysfNsbLAZmufyJqCwx1JS6yHO8nL-ci4DQ0BngIuquULLrCbqks493diq-9KEYBBh8QgoQ5iaLKzuInrnb0fGf7LfHBiOVJFQsCfOrX76RXMiXQS7o/s1600/google-buzz.pngl'/></a>

Replace http://myfundoo-blog.blogspot.com/ with your blog url.

Click on preview to check if everything  is fine and then click save template .

Customization: 

You can Increase size pf the button by changing the image url.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZFVNIuH0ej8YDt0PdgV8Dru-6NaysfNsbLAZmufyJqCwx1JS6yHO8nL-ci4DQ0BngIuquULLrCbqks493diq-9KEYBBh8QgoQ5iaLKzuInrnb0fGf7LfHBiOVJFQsCfOrX76RXMiXQS7o/s1600/google-buzz.pngl

 Here are some blogger buzz buttons with different shapes and sizes:
1.

<a expr:href='&quot;http://www.google.com/reader/link?url=&quot;  data:post.url   &quot;&amp;title=&quot;   data:post.title   &quot;&amp;srcURL=http://myfundoo-blog.blogspot.com/&quot;' rel='nofollow external' target='_blank'><img alt='' src='http://1.bp.blogspot.com/_nqp-0VCwy0c/S3Utg7x6_FI/AAAAAAAABC4/K89iKzUjwuA/s1600-h/google+buzz+2-++32px.png'/></a>

2.

<a expr:href='&quot;http://www.google.com/reader/link?url=&quot;  data:post.url   &quot;&amp;title=&quot;   data:post.title   &quot;&amp;srcURL=http://myfundoo-blog.blogspot.com/&quot;' rel='nofollow external' target='_blank'><img alt='' src='http://4.bp.blogspot.com/_nqp-0VCwy0c/S3UuCMUwUUI/AAAAAAAABDA/cgIjrMPLQxI/s1600-h/google+buzz+32px.png'/></a>

3.

<a expr:href='&quot;http://www.google.com/reader/link?url=&quot;  data:post.url   &quot;&amp;title=&quot;   data:post.title   &quot;&amp;srcURL=http://myfundoo-blog.blogspot.com/&quot;' rel='nofollow external' target='_blank'><img alt='' src='http://1.bp.blogspot.com/_nqp-0VCwy0c/S3UubmtTiVI/AAAAAAAABDI/9-Zai440dkY/s1600-h/Google+Buzz+125+(medium).png'/></a>


4.Text link
 <a expr:href='&quot;http://www.google.com/reader/link?url=&quot;  data:post.url   &quot;&amp;title=&quot;   data:post.title   &quot;&amp;srcURL=http://myfundoo-blog.blogspot.com/&quot;' rel='nofollow external' target='_blank'>G-buzz</a>

where G-buzz is the anchor text and you can replace it with any other text.

No comments:

Post a Comment