New Blogger "Reactions" Feature

Have you noticed the ‘reactions” feature beneath my post? It’s a new feature of blogger draft. And it’s customizable. If you want to try it, here’s how:

Once logged in to your Draft dashboard, go to Layout>Page Elements and click the “Edit” link for the “Blog Posts” widget. In this pop-up window, you will see the option to add “Reactions” to your posts:

Tick the options box and edit the reactins to suit your preference, then save. Next add the required code to your template manually. Go to Layout>Edit HTML in your and check the “Expand widget templates” box. Next, search for the following line of code:

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

Immediately after this line, add the following section of 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>

Preview your template to see the “Reactions” beneath your blog post then save your template. That’s it! Enjoy the new cool feature of Blogger… Let me know if any problem arise.

About the Author:

Praning5254 is an insomniac who started blogging since 2008. She is an educator and a Clinical Instructor offline, who has the passion for gadgets and other technology-related stuffs. Online, she maintains several blogs of various niches, which depicts her passion for technology, health, food, movies, books and other interesting stuffs.

Leave a comment