How To Add Reactions widget in your blogger blog

To configure the reactions widget follow given steps.
1.Sign in to your blogger account.
2.Go to layout Page.
  3. Click the "Edit" link below the blog posts.
4. Check the "Reactions" widget on the pop-up window. Click Save.

If you're using the default Blogspot template, a widget will appear in your blog. If you do not want to include some code in your blog template, follow these steps.
1. Go to edit Html page  of blog.
2.Check the "Expand widget templates" option.
3.search the following code in your template:
<data:post.body/>
4.Then immediately after this code add the following 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>
Save and view your blog.