Friday, 5 September 2008

Adding Yahoo Buzz to Blogger

You've probably noticed the natty "Buzz Up" button to the left of my posts. This is a vain attempt to encourage people to vote some of my stuff up on the new Yahoo Buzz service - which is sort of like Digg only newer and more funky.

If you'd like to add it to your Blogger template then follow these simple instructions:

1 - Edit the layout of your page
2 - Put a tick in the "Expand Widget Templates" checkbox
3 - Look for the following line in your template:

<p><data:post.body></p>

Replace it with this:

<p><table align='left'><tr><td><script type='text/javascript'>yahooBuzzArticleHeadline = "<data:post.title/>";</script><script badgetype='square' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'><data:post.url/></script></td></tr></table><data:post.body/></p>

Preview your template, and if everything has worked correctly and you are happy with the look of the button then save it and feel the Buzz love!

This will fill in the title of your blog post as the title of the Buzz'd article too.

And if anyone feels like Buzzing Up this article just to prove that it all works It'd be appreciated!

2 comments:

Jennifer said...

I wanted to do that but I've already replaced that piece of code to do the same thing for digg a while back. Do you know if I can just add the buzz code under or over the digg code or can only one of them be there?

DanO said...

Well, there should only be one <data:post.body/> in your template. The important bits of HTML to move into your template are the bits inside the <script> tags.

Without seeing your code I can't say exactly how you'll want to change it, but I'll help if I can.