Home » Blogging Tips » Template Hacks » Reactions on Blogger

Reactions on Blogger

Blogging Tips, Template Hacks

Blogger has added a reactions Feature for us. It helps the visitors to react to your blog posts in an interesting way. Blogger has got a default set of reactions(funny, interesting, cool). You can edit them and add your own. If you want to see a preview of how this looks, then go to this post page and mark your reactions :) I you are interested in implementing the reactions feature on your blog, then read on and follow these simple steps.

 

How to Enable The reactions Feature?

image

 

  1. Login to Your Blogger Dashboard
  2. Go to Design > Page Elements and Click on the Edit Button near the Blog Posts Gadget and check the “Reactions” Optionimage
  3. If you want to edit the Reactions, then click on the Edit link near to the reactions.image
  4. You can Drag and Drop the “Reactions” and place it where you want.image
  5. Now if everything went right, then you should be able to see the Reactions Feature on your Blog. If not then read on. :)
  6. If it didn’t appear then don’t worry, That is because you are having a modded template. Just Go to the Edit HTML page under the Design Tab , Check the “Expand Widget Templates”  Option and locate 
    <p class='post-footer-line post-footer-line-3'>

    Or if that is not there then find 

    <div class='post-footer-line post-footer-line-3'>

    Or if that is not there then find 

    <data:post.body/>

    and place the  following code  just below any of these lines[whichever is present in your template].

    <span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<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>

    and Save the template

Become a Fan

9 comments:

  1. i could not add more than 5 options for reactions.. could you help me?
    ReplyDelete
  2. Works great as explained for modded templates! I'm now trying to decipher how to put Reactions on my blogger pages as per the advanced options mentioned here: http://www.bloggerplugins.org/2010/01/blogger-pages-are-finally-out.html

    but not having much success. any insights to offer there? TIA!
    ReplyDelete
  3. THANK YOU, this was driving me absolutely insane. now my only problem is it's not displaying all three of my reactions, just the first two. any suggestions?
    ReplyDelete
  4. Haha, I've realised what my problem was... I added the semi-colon between reactions instead of the comma, so there was only one box to click. Lol. Thanks for the post. Hope everyone gets their reactions sorted :D
    ReplyDelete
  5. Oh, thank you! This drove me crazy for almost a year, and I gave up. Now, if you could only help me find a way to get back my Quick Edit pencil and NavBar so that my blog realizes that I am, indeed, signed in, I'll name a star after you. (I'd make you a saint, but I'm just not that well-connected.)
    ReplyDelete
  6. that s cool ! it worked for me in its fine and going ..have a look at :cryptechs.blogspot.com... Thanks !!
    ReplyDelete
  7. Woho! Thank's, been trying to get this to work like forever!
    ReplyDelete
  8. i can't get 'links to this post' and 'share buttons'. help!
    ReplyDelete