How To Add Yahoo! Buzz Button on Blogger XML Template : Blogging Tips

11.27.2009 · Posted in Blogging

Yahoo Buzz can be your brilliant traffic-maker if your tale is fascinating and get to Yahoo! homepage. The first step to get it is to place a Yahoo! Buzz button to your blog so that people can vote your entry up. Adding a Yahoo! Buzz button is not too complicated if you follow my steps below.

How To Add Yahoo! Buzz Button on Blogger XML Template : Blogging Tips

Step 1. Choose your favorite button from Yahoo! Buzz that fitted well with your site design (large button with vote count – Square Button – is highly recommended), then click “Get Code”.

Step 2. If you have selected the Square Button the code will be like this

<script type=”text/javascript” src=”http://d.yimg.com/ds/badge2.js” badgetype=”square”>ARTICLEURL</script>

Step 3. Replace the ARTICLEURL with <data:post.url/>. After replaced, your code will look like this

<script type=”text/javascript” src=”http://d.yimg.com/ds/badge2.js” badgetype=”square”><data:post.url/></script>

Step 4. Now go to your Blogger account

Step 5. Go to Layout -> Edit HTML

How To Add Yahoo! Buzz Button on Blogger XML Template : Blogging Tips

Step 6. The best place to show Yahoo! Buzz button is under the Post Title and on the right. Because of the variation of blogger templates on the web, I recommend you place Yahoo! Buzz code above the tag <data:post.body/>. We will add style to the button to make it float to the right. Yeah, more gorgeous.

Your template code will look something like this

<div style=’float:right;padding:5px;’><script badgetype=’square’ src=’http://d.yimg.com/ds/badge2.js’ type=’text/javascript’><data:post.url/></script></div>

<data:post.body/>

Of course, if you want it float to the left, it is fine. Change the code float:right; to float:left;

Step 7. Save your template, see your work and start buzzing up your posts. Hey, do not try to spam their page or you will be banned.