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.

    

    • If you enjoyed this post, make sure you subscribe to my RSS feed!

    Related posts:

    1. Now You Can Have A Counter with Your Google Buzz Submitter
    2. What is Google Buzz? Why Can’t I Access Buzz on My Account?
    3. Google Buzz Has Privacy Flaws!
    4. Google Improves Collasping Comments for Google Buzz
    5. Google Buzz Makes Another Change