Now You Can Have A Counter with Your Google Buzz Submitter

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.

Google Buzz has been out for about a month now, and everyday the popularity grows. Since almost day one, there has been a Buzz submit button. The button was created and was manually add to the code. Then a few days later a plugin was created and added to the WordPress plugin Directory. Then Digg Digg added a submit button to their list of social bookmarking tools. Even after these tools were created everyone wanted a counter added to the buzzer button, but no one created one. Last week Buzrr created a a script built on the idea of TweetMeme. Currently you have to manually add the script to the single.php. But if you can wait till tomorrow (March 3rd, 2010), a plugin for WordPress scheduled to be released.

How Do I Manually Install The Google Buzz Submit Script?

If you can not wait till tomorrow, or if you would rather install the script and style it the way you want it, you can follow these steps. The steps, are the same as my previous post on How to Add Google Buzz Submit Button. The first thing you need to do is go out to the Buzrr site and grab the code. Or you can grab the code here.

<script    src="http://www.buzrr.com/button.js"> </script>

Next, log into your WordPress Admin panel and click on the editor link under the section appearance section. Open the single.php or if you do not have that file, look for the index.php.

Once you have the file, then you simply need to add the script to where you want the submit button to appear. For this blog, I have appear before the content aligned to the right. So for this example, I will show how to place the code so it will display as I have mine.

In the single.php, look for the code

<!– post –>
        <div id="post-<?php the_ID(); ?>" <?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 class="post-content clearfix">

You will want to add your code after this. The original code looks like this.

<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/15/da/3e/2809374/0/googlebuzz.png" width="50" height="58" alt="" /></a></span>

I then removed the original Code and replace the code with the new code and I added my custom code to force the button to align right.

<span style="margin: 0px 6px 0px 0px; float: Right;"><script    src="http://www.buzrr.com/button.js"> </script></span>

If you have more than one submit type buttons, this is what the code should like.

<!– post –>
        <div id="post-<?php the_ID(); ?>" <?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 class="post-content clearfix">

<span style="margin: 0px 6px 0px 0px; float: Right;">
<script type="text/javascript">url_site='<?php the_permalink(); ?>’; </script>
<script src="http://www.mmosocialnetwork.com/sites/all/modules/drigg_external/js/button.js" type="text/javascript"></script>
    </span>

<span style="margin: 0px 6px 0px 0px; float: Right;"><script    src="http://www.buzrr.com/button.js"> </script></span>