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.
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='"http://www.google.com/reader/link?url=" data:post.url "&title=" data:post.title "&srcURL=http://myfundoo-blog.blogspot.com/"' 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='"http://www.google.com/reader/link?url=" data:post.url "&title=" data:post.title "&srcURL=http://myfundoo-blog.blogspot.com/"' 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='"http://www.google.com/reader/link?url=" data:post.url "&title=" data:post.title "&srcURL=http://myfundoo-blog.blogspot.com/"' 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='"http://www.google.com/reader/link?url=" data:post.url "&title=" data:post.title "&srcURL=http://myfundoo-blog.blogspot.com/"' 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='"http://www.google.com/reader/link?url=" data:post.url "&title=" data:post.title "&srcURL=http://myfundoo-blog.blogspot.com/"' 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