How To Add a Reaction Widget to Blogger

How To Add Reactions widget in your blogger blog Step 1
1. Login to your blogger dashboard-->Layout
2. Click on the "edit" link under the blog posts
3.in the pop-up window check the "Reactions" widget, then pressing save button.

Step 2

1. Go to Blogger Dashboard > Template
2. Download a copy of your template
3. Click on Edit HTML
4. Hit Proceed button
5. Find below code in your template

<data:post.body/>

6. Then immediately after this line 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>

7. Save the template.