Disclosure: We are a professional review site that receives compensation from the companies whose products we review. We test each product thoroughly and give high marks to only the very best. We are independently owned and the opinions expressed here are our own.
Earlier today I posted about Google Buzz, a new social media tool by Google. If you haven’t heard about the Buzz, or you want to know how to get Google Buzz, then check out my post. Several large blogs such as Mashable and TechCrunch and many other smaller blogs have added a Buzz Button to their posts. If you are wondering, how can I add a button to my site? Well it is pretty simple and you have several options to choose from, when adding the Google Buzz Button to your WordPress Blog.
There are two sites offering their own version of the Google Buzz Submit Button. Those are;
- Buzz. This plugin developed by ClickonF5, this plugin has not been approved by WordPress yet but, you can download here.
- If you want to code it your self, you can go to Tricksdaddy, there is a small walk through on how to add the buzz to your php
- Or if you want a different button, you can go over to Save Delete, and use their button instead. All three sites have a quick walk through on how to add the button or where to get the plugin.
What I do not like about these walk throughs is its to basic and if you know next to nothing when comes to coding you will not be able to add and customize the location of the code. I learned a trick from Hesham over at Famous Bloggers how to manually add the code and stylize it the way I wanted it. Below is a quick run through on how to add the code to be posted on every post just before the content aligned right. If this doesn’t work for you, please let me know through a comment or through the contact form. If I can not find you an answer, I will do my best to find one.
How to install Google Buzz Button Manually and to align Right
In order for the Buzz Button to work, your Google Reader account will need to be connected to your Google Buzz Account. If you have not activated your Google Rader then go to your Google Profile page and activate it. Then on your Buzz page make sure the Google Reader is activated for the buzz button to work.
Once you have you gotten Google Reader setup, you will need to open up your WordPress Admin Panel.
1. Navigate to Appereance > Editor > Single.php or index.php ( if you do not have single.php)
2. Before you making any changes to the code, make a backup of the code. You can copy the entire batch of code fromm single.php or index.php and past it into a text document if you make a mistake that you can not recover from, you can remove the code from the editor and put the copied code back into the editor and save it.
3. Then copy the code:
<a
href=”http://www.google.com/reader/link?url=<?php the_permalink() ?>&title=<?php the_title(); ?>&srcURL=<?php bloginfo(‘url’); ?>” target=”_blank” rel=”nofollow external”><img
src=”http://img2.pict.com/34/3b/1e/2814787/0/googlebuzz.png” width=”50″ height=”58″ alt=”” /></a>
4. Past the code anywhere into code and should it show up aligned left on the form.
5. If you want to align right then copy this code instead:
<span style=”margin: 0px 6px 0px 0px; float: Right;”><a
href=”http://www.google.com/reader/link?url=<?php the_permalink() ?>&title=<?php the_title(); ?>&srcURL=<?php bloginfo(‘url’); ?>” target=”_blank” rel=”nofollow external”><img
src=”http://img2.pict.com/34/3b/1e/2814787/0/googlebuzz.png” width=”50″ height=”58″ alt=”” /></a></span>
6. In order to put the code before the content, put the code between
<!– post –>
<div <?php post_class(‘clearfix’); ?>>
<?php
if(function_exists(‘the_post_thumbnail’))
if (has_post_thumbnail()) $post_thumb = true; else $post_thumb = false;
?>
<?php if (!get_post_meta($post->ID, ‘hide_title’, true)): ?><h1 class=”title”><?php the_title(); ?></h1><?php endif; ?>
<div>
7. Then Post the code after this last line.
8.The code should be put between the code from above and this last batch of code.
<?php if($post_thumb): ?>
<div>
<?php the_post_thumbnail(); ?></div>
<?php endif; ?>
9. Save it and test it by opening one of your posts and clicking on the buzz button.
I uploaded the button to Pict. But on my system it is coded to load from my server. This will help with load time times. Upload the image on your server and link to it. Replace the link http://img2.pict.com/34/3b/1e/2814787/0/googlebuzz.png in the copied code form about with a link to where you uploaded it to your site or to somewhere else.
About James
Hey James, you are right on time with these Buzz tips! I'll share them__@Ileane
Thanks Ileane. I got my latest google buzz post finished.
My recent post Google Buzz Has Privacy Flaws!
Thanks for sharing tutorial for a wordpress blog. Infact, I have written a step by step guide to have a Buzz this button below every post in blogger blog.
Add Google Buzz to Blogger blog
Well, I'll have to wait some more days to appear this pluggin to appear for blogger blogs. Do anybody has a link to install buzz button for bloggers?
My recent post Commenting on Other’s Post Won’t Increase Your Blog Ranking
I guess it's time to add a buzz button, huh? Thanks for the post!
Has anyone tried the WP plug-in yet or checked out the code? Can't be bothered with hacking code on so many blogs.
My recent post Eight Reasons Why You Need to Start Buzzing
Not yet. I understand about all the blogs. Lately, I found a lot of plugins how code with errors in it. I like hacking the code sometimes when its like this.
If you want the plugin, I would wait until WordPress Certifies it.
My recent post Google Buzz Has Privacy Flaws!
Not yet. I understand about all the blogs. Lately, I found a lot of plugins how code with errors in it. I like hacking the code sometimes when its like this.
If you want the plugin, I would wait until WordPress Certifies it.
My recent post Google Buzz Has Privacy Flaws!
Hi,
I am using Intense debate for my blog. When submitting your article to blogengage, what should you put in the track back section ?
By the way, nice post. Your post inspired me to write an article on adding buzz button to blogger.
My recent post Add Google Buzz Button To Blogger
For Blog Engage, the track goes in there automatically. Not sure why yours wouldn't. But at the bottom of the post you will see the tags, You will see a link that says TrackBack, right click and click on copy link. Then past that in the track back link anyhwere you want to add a trackback.
My recent post Google Announces Improvements and Response to Feedback
For Blog Engage, the track goes in there automatically. Not sure why yours wouldn't. But at the bottom of the post you will see the tags, You will see a link that says TrackBack, right click and click on copy link. Then past that in the track back link anyhwere you want to add a trackback.
My recent post Google Announces Improvements and Response to Feedback
Hi,
I got the reason : I am using blogger…
Thanks for replying…
My recent post Add Google Buzz Button To Blogger
Thats's a wonderful tutorial, I am cooking a post about google buzz, and I am having difficulty with and I think this will help me . By the way google buzz is buzzing like hell 🙂
My recent post The Art of Commenting
The manual code works great! However it displays "null" where the name of the website should be. To fix this, I added the following to the < a href > tag:
<code>&srcTitle=<?php bloginfo('name'); ?></code>
My recent post Sony: Win $100,000 to Realise Your Dream
thanks a lot..its works
My recent post 2010 Proton Hybrid Concept unveiled at Geneva
I used this code to add a buzz button to my posts since Twittley was becoming useless I decided to try a Buzz button instead.
My recent post Bulk Unfollow Twitter Users with JustUnfollow
Thanx a Lot Dear…..