Subscribe Here RSS or Email


How to install Yahoo Buzz

5 comments Buzz Here
I just want to share of how to place the code in blogger, some have managed some have not heard them yet. Yahoo! Buzz is out for Entrecard user to use -- additional traffic to those who have great content. If you haven't read the Entrecard Blog: Attention Bloggers Yahoo Buzz has launched last 19th of August you can have a go and read everything about it and if you're ready to add them in your blog template this is how to do it.

Go to Yahoo! Buzz to choose the button click the "get code" and right click to copy and that's where we start.

This is the code i grabbed

<script type="text/javascript" src="" badgetype="small-votes">ARTICLEURL </script>

and all we have to do is replace the ARTICLEURL with this script <data:post.url/> so the my final code should be this below:

<script type="text/javascript"src="" badgetype="small-votes"> <data:post.url/> </script>

Where to Place them in Blogger?
If you want to place them at the top right corner of your post just copy the code below and follow the steps:

<div style='float:right; margin-left:10px;'>
<script badgetype='square' src='' type='text/javascript'>

Copy the code above, then Go to Edit HTML then tick the Expand Widget and hit Ctrl+F and type Data:post.body then place the above code above the body of the post. as you can see i added style code in bold to place them at the right corner and it's margin.

This is what it's going to look like in your HTML:

<div style='float:right; margin-left:10px;'>
<script badgetype='square' src='' type='text/javascript'>

before you save your template, make a preview to see if their are problem with the code and to see the result if your happy with it -- then save.

If you want the alignment to be at the left corner of your post just change the blue from right to left and left to right.

To those who like the small buttons, the great place for them is at the footer therefore we need to look at the post footer.

Dashboard - Layout - Edit HTML then tick Expand Widget Template Ctrl+F then type <div class='post-footer'> then copy the code AFTER post-footer it will be look like below.

<div class='post-footer'><script type="text/javascript"
Preview it and if satisfied and happy save it.

I hope you find it easy to follow and you like the tutorial.

Related Posts by Categories


Mr Soleh said... at 28/9/08 10:54

Thanks for the tips. I thought I like the bottom one, as there's where people usually finished their reading the post and that's where they decided whether they like it or not, to buzz it or not. Am I right this time, iris?

P/s: How to drop cap in blogger, like you do?

Sue said... at 28/9/08 12:22

Wow thanks for the tutorial. I just added it to the bottom of my post. Very cool. I had wanted to do it when it first came out. But they way it was explained on Entrecard was that you had to add it to each individual post. This is much better. Thanks

Iris said... at 28/9/08 12:24

@ Mr. Soleh, I am not here to tell you what is wrong and what is right...everyone have first time and learn from our mistakes.

As with the dropcap, here's my 2 post about this and resources at the bottom to explore more and


Robin said... at 29/10/08 23:56

Thank you very much for helping me to do this. Sue from Stay At Home Mom, had a post on her blog and it took me to your blog. So you 2 have helped me out. Take care! :-)

Iris said... at 30/10/08 09:17


glad to help you.

@Sue, Thanks for spreading it too...i really appreciate it.

Post a Comment

I really love to read your thoughts, Reminder though that I Moderate my blog, If your intention is only to spam think twice.

For those that will comment because you want to share your thoughts i really appreciate your time. "Dofollow" Rules.


  © Blogger template 'tbn' by thebuzznutter 2008

Bring me to TOP