Subscribe via RSS Feed

Thumbs rating blogger widget

I  found that “JS kit” provide a better rating widget, the thumbs rating blogger widget. The blogger did provide the star rating but I more like just thumbs up or thumbs down rating widget by JS kit :

rating widget blogger

The visitor will be allowed to vote whether it’s a good or bad entry using this mini rating widget. Don’t worry for the public to vote because for one IP they can only vote once. Let’s start the tutorial :

Thumb rating blogger widget

Go To Blogger > Design > Edit HTML then tick the box “Expand Widget Templates”

Look for this code :

<data:post.body/>

then copy the bottom code to paste right after the above code :

<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>

This will add thumbs up rating widget for blogger just below your post titles. The widget will display only at post pages and not on homepage. If you wish to display it on homepage then simply delete the blue codes.

Finally save the changes and you’re done.

I found this thumbs rating widget for blogger is an alternative for those who like your entry but doesn’t have Facebook account. (or can’t access to Facebook during the working time?)

Tags:

Category: blogspot tutorials