HOW TO: Integrate Google Buzz Into Your WordPress Blog

In: web resources

15 Feb 2010

We’ve discussed how you can integrate Buzz with your other social networks, but what about integrating Buzz with your blog? If you use a self-hosted WordPress blog (sorry, WordPress.com users), there are already a variety of Google Buzz plugins and add-ons available.

While it’s clear that people are really taking to using Buzz to share content and communicate, the service will undoubtedly reach more users as its sharing tools are integrated into other social sites. From buttons to social stream in your side bar, here’s how you can integrate Buzz with your WordPress blog.


Google Buzz Buttons


Mashable started sporting some nifty Buzz buttons a few days ago and lots of our readers have wanted to know how to add a similar feature to their own blogs. As it stands right now, how our Google Buzz buttons work (and how the buttons other sites are using also work) is that they create a share link from that post to Google Reader. As long as Google Reader is connected with your Google Buzz account, your publicly shared items will also be shared on Buzz.

Already, a number of enterprising WordPress plugin developers have answered the call to add Google Buzz buttons to WordPress posts.

Let’s take a look:


Google Buzz Button


Internet Techies created the Google Buzz Button plugin that allows you to add a “Buzz This” button to each of your WordPress posts. That icon probably looks pretty familiar — that’s because the button was designed here at Mashable (though it isn’t the same plugin).

The plugin options are relatively limited — you can choose what “rel” attribute you include with the link (the default is “nofollow”) and you can choose to display the button before or after your post content. You can also specify the icon’s height and width. Making some changes to your WordPress theme’s CSS options, you could further customize the appearance of the button, but as it stands, it’s a pretty basic (and easy) way to add a Buzz button. If you want to add Buzz manually to only certain posts, there is a template tag that you can add to those posts.


WP Google-buzz


Another button plugin option is WP Google-buzz from Arpit Shah. This button is extremely similar to the Google Buzz Button plugin, but it adds a few more options. You can choose to show the button before or after content or to add it to posts manually, but there are also options for what style button you want to use. Depending on how you have your blog setup, you might want to use a different size or style of button.


WPBuzzer


Hameedulah’s WPBuzzer is the most robust of the Google Buzz button plugins as of right now. The style of the button is almost identical to what Mashable and the Google Buzz Button use (albeit, not quite as clean), but the options are where this plugin really shines.

You can choose where you want your buttons to appear (on posts, on pages, on the home page, in your RSS feed), whether your want the button to appear before or after the post, the target for the button (a new window or a pop-up share option) and even the CSS style. You can also choose to use a small or large button.

The biggest feature is that you can track share counts (just like we do at Mashable) if you have a Bit.ly API key and login.


Light Social


The Light Social plugin takes a slightly different approach to the Google Buzz button. Light Social is a plugin that inserts a set of social share links at the bottom of each of your WordPress posts. This way links to Digg, Reddit, Facebook, LinkedIn and Twitter are all automatically at the bottom of the post. The developer of Light Social updated the plugin to include a Google Buzz icon and share link as well. If you want to add lots of social options to your posts — Light Social is a good approach.


Buzz In Your Sidebar


It’s one thing to let other people share your content to their buzz accounts, but a big advantage of Buzz is that you can aggregate your social activities into one place as well. If you want to share your Buzz content on your blog, check out the Google Buzz ER plugin. Google Buzz ER is extremely cool. It’s a widget that will display your public Buzz content. Just enter in your username and define how many Buzz entries you want to display and drag the widget to your designated choice in your blog.

That’s it! Now you have Buzz in your sidebar! Plus, as an added benefit, other users can click on “comment” to immediately respond to what you share. As of right now, the Buzz API doesn’t allow other people’s comments to become viewable, so only your public content is going to appear on your blog.


Buzz Your Comments


There are a number of different all-inclusive comment solutions for WordPress — there’s Echo, Disqus (which we use here at Mashable) and IntenseDebate. IntenseDebate is owned by Automattic, the people behind WordPress.com and some of the main contributors to the WordPress.org project. So it probably shouldn’t be a surprise that it’s the first of the solutions to offer Buzz integration into its service.

If you use IntenseDebate on your blog, you can now easily add a Buzz It button to the top of your comment form. This won’t let people Buzz their own comments (we expect something like that will come in the future), but it adds another “Share on Buzz” option for your post to your visitors. If you use IntenseDebate, you can activate the Google Buzz This plugin by enabling it in the Plugins Directory.


Keep Your Eyes Peeled


As Google Buzz continues to evolve (remember, it isn’t even a week old), more and more integration options are going to sprout up. Let us know what sort of integration options you’d like to see in the future in the comments! If we missed one of your favorite Buzz plugins, let us know!

Tags: buzz, Google, google buzz, how to, List, Lists, WordPress, wordpress plugins



Go to Source

6 Responses to HOW TO: Integrate Google Buzz Into Your WordPress Blog

Avatar

conejote_99

March 19th, 2010 at 4:28 am

get a new one

Avatar

Guru Jim

March 21st, 2010 at 7:54 pm

I use this one, you can see it working at te bottom of it's the 'Share this button' Very easy to implement you only choose your own picture, that's it. It automatically copies the URL of the website it is used on.

<!– FreeTellaFriend – BEGIN –>
<a onclick="window.open('http://www.freetellafriend.com/tell/?option=manual&title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(document.location.href), 'freetellafriend', 'scrollbars=1,menubar=0,width=617,height=530,resizable=1,toolbar=0,location=0,status=0,screenX=210,screenY=100,left=210,top=100'); return false;" title="Tell a Friend" target="_blank"><img alt="Tell a Friend" border="0" /></a>
<!– FreeTellaFriend – END –>

Avatar

musicseawater

March 23rd, 2010 at 7:15 am

well, you cannot use it repeatedly. If you are talking with someone who has disabled that function, no, you cannot use it. I've got the feeling your friends are tired of you playing with the button and turn it of before they turn you on!

Avatar

ஜº°CA°ºஜ

April 3rd, 2010 at 3:39 pm

It's possibly the sound wav what was installed with the newer messenger. The sounds are of poor quality and seem to be unstable. You may need to download and install YM8.1 again.

Another option….
You can install the old sounds from previous versions of YM by downloading the old sound .wav(s). These can be downloaded from

Directions are on the page on how to install the sound wav(s). They offer various ways to install the sounds, depending on your personal preferences, install a few old ones, a few of the sounds not offered with Yahoo Messenger, or replace all the sounds with the Self-Extracting zip that will automatically install the old Yahoo sound files to Messengers Media folder.

Avatar

lludwig39

April 9th, 2010 at 6:18 pm

I never knew that google earth included a flight simulator. I messed around with it for a bit, kinda cool. Anyway, that flight simulator, like all simulators, is nothing like the feel you get when flying a real plane. I could say that flying a real plane is easier, but in a real plane you have to worry about safety, airplane limitations, not hitting other people, navigating, communications, faa regulations, etc. If you compare flying straight and level and doing basic maneuvers like climbs and turns while taking away all the real-world complexities that I listed, then yes it's probably easier in a real plane. However, flying the real thing is a lot more complicated because of all the other stuff, mentioned above, that you have to worry about. Not to mention, there's no reset button in a real airplane.

Note that take off and landing in a sim cannot be compared to the real thing. Even landing the full-motion simulators that airlines use is really a joke and can't be used to learn how to do it in the real thing.

If you really want to find out, then go to your local airport and take an introductory flight lesson.

Avatar

Rowena

May 1st, 2010 at 3:51 am

I love dreamweaver. find the object taht you want repeated in the html codeing section (under veiw) than copy and paste it into the same section./

Comment Form

About this blog

This blog delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from: CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. Our goal is to help you communicate effectively on the web with an engaging website or functional interface.