We are now having another twitter from the Search Engine giant Google. It has been now three days since Google launched Google Buzz service. Due to this, I think Google hasn’t given any Share buttons so far. So Lets try to create one for our blogs. It’s very simple. Anyone who have a basic knowledge in html/css can do this.

First of all, create a Buzz button for the blogposts. Here I have one for you 🙂

You can download this for free. Now, all you need to do is to find the suitable position in your blogpost to setup the share button.

I think its better to add that to the end of the post or at the beginning. Go to your source file of the wordpress/Blogger page and find the suitable for to place the code. Now Just copy the code and paste it into the source code and save it. That’s all.

COPY AND PASTE THIS CODE FOR BLOGGER


<div style='float:right;padding:0px;'>
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot;
+ data:post.url + &quot;&amp;title=&quot; + data:post.title'
target='_blank' title='Buzz this'><img alt='Buzz this' border='0'
class='icon-action'
src='http://smashingwebs.com/wp-content/uploads/2010/2/googlebuzz/th_google32px.png'/>
</a></div>

Now, copy and paste code that you have downloaded, after data:post.title/> and then click on preview to check if everything works fine. If no, then check for uncompleted tags else click on Save template. You canuse your own images instead of the one given here. That’s all now refresh your page and you can see the fully functional Google Buzz button for your visitors 🙂

COPY AND PASTE THIS CODE FOR WORDPRESS


<a href="http://www.google.com/reader/link?url=
<?php the_permalink() ?>&title=<?php the_title(); ?>" rel="nofollow"
target="_blank" title="Buzz this Content">
<img src='http://smashingwebs.com/wp-content/uploads/2010/2/googlebuzz/th_google32px.png'/></a>

Enjoy with the stuff 🙂