Thursday, April 19, 2012

How To Add Thumb Up And Thumb Down Widget In Blogger

Thumb up and thump down is a process to get know what if something or somebody is popular or not. The visitors give your articles the thumbs-up" means that thye approved or liked of the writings, regardless of whether the gesture was actually made.Adding Thumb up and thumb down widget in Blogger is very easy and cool endeavour . if your visitors feel good your article they will thumb up your post or if they do not get impressed , they simply thumb down. you can easily get to know their attitudes and choices. Your blog would look fine if you add a nice thumb up and thumb down widget at the end of the every post

Let's see how can we add an awesome thumb up and thumb down widget in blogger

Go To Blogger > Design > Edit HTML

Back up your template for safety

Click the box "Expand Widget Templates"

Search for the following code using CTRL+F


Just above or after it paste the code below

<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' view='score'> </div> </b:if>

If you paste the code before <data:post.body/> your thumb up and thumb down widget can be showed just after the post title if you paste the code just after <data:post.body/> The widget can be displayed at the last of the entire post only at post pages and not on homepage.

Now search for


Just above it paste the following code:

<script src=""></script>

Save your template and all done!

Visit any of your post and click the ratings to either Thumbs Up and Thumbs down the post.


Click Here To add Comment