--> Add "Thumbs Up" Rating Widget To Blogger | Experience Lab - Online business creation and development guide for bloggers and startups

Add "Thumbs Up" Rating Widget To Blogger

Blogger provides the default star rating widget but I just came across a widget by JS kit that offers two options. You can either use with a...

thumbs up widget for bloggerBlogger provides the default star rating widget but I just came across a widget by JS kit that offers two options. You can either use with a star rating look or you can set it to "Thumbs Up!" It counts the total number of thumbs up or thumbs down for each of your posts. The visitor just needs to click his rating option and the count will be automatically incremented. This widget also shows four tabs which displays the likes made by the visitor himself and also shows popular topics under the Hot/Top tabs. It also displays stats for that post. I really found it interesting and I would recommend that you add it to your blogs to engage your readers more and increase your overall page views. The readers would love to explore Hot and Top topics on your blog using this widget.

 


Live Demo

Add Thumbs Up Rating Widget To Blogger

  1. Go To Blogger > Design > Edit HTML
  2. Back up your template
  3. Click the box "Expand Widget Templates"
  4. Search for

<data:post.body/>

    5.   Just above 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>

  • This will add Thumbs up widget 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 bolded lines.
  • If you would instead like to add the Star ratings look/skin then simply delete view='score'

     6.   Now search for

</body>

      7.   Just above it paste the following code:

<script src="http://js-kit.com/ratings.js"></script>

      8.   Save your template and all done!

Visit any of your post and click the ratings to either Thumbs Up and Thumbs down the post. You can also explore the tabs.

Need Help?

If you needed any help with regard to its alignment then be confident to buzz us. Peace and blessings pals! :)

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: Add "Thumbs Up" Rating Widget To Blogger
Add "Thumbs Up" Rating Widget To Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPh9M2L65jWchpH7VhPcCnmAkUP6vshfu_yGYkNTnFUIH_x_uPe6xB3IhQDSTUvJ2RQgdBsfWNf3Ob7GS16oQNiR2flKVRXD0cy14HYHRIOYQj5djrSmIsnumMLyg3aLTFMOIgxxzF5Bk/?imgmax=800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPh9M2L65jWchpH7VhPcCnmAkUP6vshfu_yGYkNTnFUIH_x_uPe6xB3IhQDSTUvJ2RQgdBsfWNf3Ob7GS16oQNiR2flKVRXD0cy14HYHRIOYQj5djrSmIsnumMLyg3aLTFMOIgxxzF5Bk/s72-c/?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2012/01/add-up-rating-widget-to-blogger.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2012/01/add-up-rating-widget-to-blogger.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy