Adding an Popup Google Buzz Button to WordPress

With Google Buzz being the talk of the week it’s no surprise that alot of sites created their own Share on Buzz buttons which function similar to the ReTweet and Facebook Share buttons. There’s even a WordPress Plugin that’s been released along with many tutorials online of how to add the proper code to enable your posts to be shared on Buzz.

There’s no official Share on Buzz button nor do the current buttons share directly on Buzz but the buttons enable you to post an item to your Google Reader, in which you can add it your shared items. Google Buzz has the option to import your shared items from Google Reader so the workflow goes as follows:
Google Reader > Shared Items > Google Buzz
Simple and effective yet alot of the code that I’ve seen around the web forces you to either leave the page you are on or opens the Add to Reader in a new page, this doesn’t have to be the case.

Share on Google Buzz Popup Code

<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}'>
<img src="IMAGE.JPG" border="0" alt="Share on Google Buzz"/></a>

All you need to do is insert the above code in your Single.php file and replace IMAGE.JPG with the Buzz Logo of choice. There’s a nice Buzz logo psd file on DeviantArt by =Zadong and there are also several Buzz Share buttons over at ChethStudios. I decided to go the compact button route and ended up creating my own button which you can save and use if you please.

If you use the code above, the compact button or if you used a different technique to add a Buzz Share button to your site leave a comment and let me know, would love to see how people are implementing a Google Buzz share button. Also, if you are on Google Buzz leave a comment with a link to your profile so others can follow you and if you wish to follow me on Google Buzz just visit my Google Profile.

About Gabe Diaz

Gabe Diaz is web professional and consultant focusing on design and development, currently based out of South FL. When not geeking out on the internet you will find him spending time with his children. You can also find him on Google+: +Gabe Diaz, Twitter: @GabeDiaz and Facebook: GabeDiaz.

14. February 2010 by Gabe Diaz
Categories: Blog | Tags: | Leave a comment

Leave a Reply

Required fields are marked *