How To Add Google Buzz Button to blogger blog

This tutorial explains how to add Google Buzz button to your blogspot blog.To add this,to your blog follow the steps below.

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

Google Buzz is a new way to start conversations about the things you find interesting. It's built right into Gmail, so you don't have to peck out an entirely new set of friends from scratch � it just works. If you think about it, there's always been a big social network underlying Gmail. Buzz brings this network to the surface by automatically setting you up to follow the people you email and chat with the most.

-From google blog


<data:post.body/>

4.Now copy one of the below codes and paste it just before the above line.

Code 1:
<div style='padding: 4px; float: right;'>
<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 It' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKxt4ecbSYZ542VxJ82L8ow_6QjINFLpN6niq41eR9jQGT6dd6MfSvbaLIk2z7OBCM9XcdulbkiBHiHcOLW7kHQBpskmvhGqG4oNXoDx8xVUscZQf8fNPMFVGRsuWs4lvS4Pz1_fCxQTrs/' style='border:0px;'/></a>
</div>

Result:



Code 2:
<div style='padding: 4px; float: right;'>
<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 It' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgndBybjl7fCMHKTvUWyf7_0fZlKWALmtZz38QFTSle3FBOWzpDUyaZdYTrMi2OWqb4GHBE1EFz1z5DzkHV8ZTSwdJCr2qegnDSOjuf2JxmL0J7Zfa6K6P_8QwWIJ13KjGIah-opIq6B4gk/' style='border:0px;'/></a>
</div>

Result:



Note:
It is better to host above 2 images yourself.

5.Now save your template and you are done.

0 comments:

Post a Comment

 

Support By Blogger