Reactions Blogger Widget, a mini-poll for your blog

Another excellent Blogger feature has been added to Blogger blog for everyone recently after the release of Blogger embedded comment form: Reactions. This widget acts like a mini-poll beneath each of your blog posts and offers the ability for readers to leave feedback quickly.

How to add "Reactions" to your Blogger template

To add this new function to your Blogger layout, you will need to do some simple steps to activate it. Once logged in to your Blogger dashboard, go to Layout -> Page Elements and click the "Edit" link for the "Blog Posts" widget. In the pop-up window, you will see the option to add "Reactions" to your posts:

Tick the check box and edit the labels for your buttons by clicking on the link “Edit” nearby if you want. Then finally save this setting.

Adding the code to your template

Unfortunately, setting up this feature doesn’t simple as Blogger comment form, you need to add some lines of code to your template.

If you are using a default Blogger template with no modifications to widgets or the post layout, nothing more to do because the code is added.

If you are using a customized Blogger template, you will need to add the required code to your template manually. In this case, go to Layout -> Edit HTML in your Blogger dashboard. Make sure the check box "Expand widget templates" is checked

Read the full post: Reactions Blogger Widget, a mini-poll for your blog

Add Yahoo! Buzz button to your Blogger blog

ThemeLib.com - As I said in the previous post, Yahoo Buzz can be your excellent traffic-maker if your story is interesting and get to Yahoo! homepage. The first step to get it is to put 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 :)

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

Step 6. The best place to display 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 put 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 beautiful :)

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 ;)

If you have any issues in adding the Buzz button to your blog, feel free to leave a comment here :)

This is the demo page for http://themelib.com/2008/08/add-yahoo-buzz-button-to-your-blogger-blog/