How to add the New Reactions feature to Blogger blog ?

These days Blogger is adding many new features to their blogs.One of the most recent being the cool Reactions feature.

It looks like this -



This can be very useful to know immediately what your readers think about the post.

Here is the ste-by-step guide on how to add this Reactions Feature to your blog -

STEP I - Login to - Blogger in Draft.

STEP II - Goto Layout.

STEP III - Now click the "Edit" option in "Blog Posts". It will look like this -



STEP IV - Select the checkbox in front of "Reactions". You can add any other text instead of "Reactions" if you want in the box, and also change the text of the options in your reactions.

STEP V - Now save that and check your blog.If you don't see the reactions in your post's footer you will have to add some code.

STEP VI - Goto > Dashboard > Layout > Edit HTML > Expand Widget Templates.

STEP VII - Search for this code -

<p class='post-footer-line post-footer-line-1'>

STEP VIII - Just below this code add this code -

<span class='reaction-buttons'>

<b:if cond='data:top.showReactions'>

<table border='0' cellpadding='0' width='100%'><tr>

<td valign='center'><span class='reactions-label'>

<data:top.reactionsLabel/></span>

</td>

<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>

</tr></table>

</b:if>

</span>

Now click "Save Template" and check your blog,it will show the new Reactions Feature at the end of post.