How to Add Google Buzz Submit Button To WordPress

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.

0 Flares Filament.io 0 Flares ×

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.

    

  • EvolutionaryDesigns.net runs on the Genesis Framework

    Genesis Framework

    Genesis empowers you to quickly and easily build incredible websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go. It's that simple - start using Genesis now!


    Take advantage of the 6 default layout options, comprehensive SEO settings, rock-solid security, flexible theme options, cool custom widgets, custom design hooks, and a huge selection of child themes ("skins") that make your site look the way you want it to. With automatic theme updates and world-class support included, Genesis is the smart choice for your WordPress website or blog.

    About James

    James spends most of his free time using social media and loves to teach others about design, web development, CSS, SEO, and social media. He is addicted to Wordpress, social media, and technology. You can reach him on his, personal website, Do not forget to follow him on Twitter @element321

    Comments

    1. Hey James, you are right on time with these Buzz tips! I'll share them__@Ileane

    2. 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

    3. 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

    4. 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

    5. 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!

    6. 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!

    7. 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

    8. 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

    9. 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

    10. Hi,

      I got the reason : I am using blogger…

      Thanks for replying…
      My recent post Add Google Buzz Button To Blogger

    11. 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

    12. 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

    13. thanks a lot..its works
      My recent post 2010 Proton Hybrid Concept unveiled at Geneva

    14. 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

    15. Thanx a Lot Dear…..

    Trackbacks

    1. How to Add Google Buzz Submit Button To WordPress | Evolutionary Designs…

      Several of the major tech blogs have added the Google Buzz. This how you can add the Google Submit Code to WordPress manually….

    2. Story added…

      Your story was featured in Featured in MMO Social Network! Here is the link to vote it up and promote it: http://www.mmosocialnetwork.com/Wordpress/How_to_Manually_Install_Google_Buzz_Submit_Button

    3. RT @hishaman: How to Manually Add Google Buzz Submit Button to WordPress http://bit.ly/bvPGTP

    4. How to Manually Add Google Buzz Submit Button to WordPress http://bit.ly/bvPGTP /via @mintblogger RT @hishaman

    5. ICT Trends says:

      RT @hishaman: How to Manually Add Google Buzz Submit Button to WordPress http://bit.ly/bvPGTP

    6. Satish Talim says:

      RT @mintblogger: RT @hishaman: How to Manually Add Google Buzz Submit Button to WordPress http://bit.ly/bvPGTP

    7. topsy_top20k says:

      RT @element321 How to Add Google Buzz Submit Button To WordPress | Evolutionary Designs http://is.gd/8bDmy

    8. Social comments and analytics for this post…

      This post was mentioned on Twitter by Element321: RT @element321 How to Add Google Buzz Submit Button To WordPress | Evolutionary Designs http://is.gd/8bDmy

    9. Hesham says:

      How to Manually Add Google Buzz Submit Button to WordPress http://bit.ly/bvPGTP

    10. extremejohn says:

      RT @element321 How to Add Google Buzz Submit Button To WordPress | Evolutionary Designs http://is.gd/8bDmy

    11. How to Add Google Buzz Submit Button To WordPress: http://ow.ly/17lYf

    12. RT @ChristianGAdams: How to Add Google Buzz Submit Button To WordPress: http://ow.ly/17lYf

    13. brandonamp says:

      RT @ChristianGAdams: How to Add Google Buzz Submit Button To WordPress: http://ow.ly/17lYf

    14. How to Add Google Buzz Submit Button To WordPress: http://ow.ly/17m6z

    Leave a Reply

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    0 Flares Twitter 0 Facebook 0 Buffer 0 Email -- Filament.io 0 Flares ×
    %d bloggers like this: