Tuesday, 24 April 2012

Add This Cool Reaction To Your Blogger Blog

5_star_rating_logo
Do you know about Reaction Widget ? You can easily see this widget in many website. Many blogger uses this widget as an alternative to comments. It gives the quick review to the readers about your post. Readers can easily navigate whether this post is useful or not for them. Or it also help you to analysis that whether the particular post is liked by readers or not. Blogger have also a default reactions widget which can easily add up to the post body by going to "Blog Posts" option under "Page Elements" tab. But today we will discuss about other reaction widget which looks more professional than the default reaction widget. So lets start to add this widget on the Blog.

How To Add Reaction Widget To Blog:-

How to Add Reaction Widget Below the Title of Post:-

  1. Login to Blogger Dashboard. Go to Design /  Edit HTML.
  2. Click "Expand Widget Templates".
  3. Download the full template before making any changes in it (Learn More).
  4. Find following piece of code in blogger template.
<data:post.body/>
  1. Paste the following code just above <data:post.body/>.
    <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'></div> </b:if>
    1. Now find </body> in template.
    2. Paste the following code just above it.
    <script src="http://js-kit.com/ratings.js"></script> 
    1. Save the template.

      How to Add Reaction Below the Post:-

      If you interested to add reaction at the footer of post then code in step 5 should be place below the <data:post.body/>.

      Now gets ready to improve the popularity of your content or engage your readers to further reading through this beautiful widget.

      More article from the same author

      No comments:

      Post a Comment