Blogger already provide a default  Rating system but not working mostly in your blog. Rating widget mostly used in ecommerce and product review blogs/websites. Now We gonna to share a perfect user rating widget for your blogger blog.
Graddit rating widget
Graddit rating widget
Graddit Rating widget most power full widget for blogger. It’s provide 5 Star Rating System and also extend with post view and social sharing widget options. We will show you , “How to add this widget in your blog”.

Features of Graddit Rating Widgets

  1. Different Style Rating System [ Ratings + Social Bar, Like, Pictures,  Pictures + feedback, Animated, Symbols, Sequence, Thumb up/down,  Up/down arrows, Tracker ]
  2. 5 Star Rating System also in Numbers
  3. Number of user rate particular blog post
  4. Number of user viewed your blog post
  5. Social sharing widget

How add Graddit rating Widget in Your Blogger Blog

1. Login to your blogger Dashboard and  Go to Blogger Dashboard >> Template >> Edit HTML
2. Add Graddit Style code between to your <head>…</head> section:

<link type=”text/css” rel=”stylesheet” href=””/>

3. If you’re already add a latest jquery script code in your blog then no required to add this. Make sure jQuery is included. In order to load it add this to <head>…</head> section :

<script type=”text/javascript” src=””/>

4. Go to website homepage and navigate to rating widget option . Choose a style that you want to apply in your blog.
5. A textbox appear with the code inside and select blogger option before text box. 
Generate a rating widget code for blogger and grab this code.
6. Again Back to Blogger Dashboard ->Template ->Edit HTML Find the code <div class=’post-header-line-1′> and paste the code after  <div class=’post-header-line-1′> tag.
Save the template and check that rating appeared under all the posts in your blog.

Important Note 

1. If you don’t want it to be shown on main page of the blog, but only when one opens a post, you should change widget code line
“<b:if cond=’data:blog.pageType != “static_page”‘>”
“<b:if cond=’data:blog.pageType == “item”‘>”
2. To add rating to all the comments in your blog take widget code from Blogger Comments tab and put it after line <data:commentPostedByMsg/> in the template.
3. In case you want to make star rating for a specific post , in step 4 ,click on Generic link .
Copy the code in text box .Go to Blogger post editor window ,choose edit HTML mode and paste the code in post content.
If  you’re face any problem and bug then contact with us. If you like this widget then share this article and comment below here.

No Comments
Comments to: Graddit rating widget for blogger blog

Recent Articles

Good Reads


Overview VipsPM – Project Management Suite is a Powerful web-based Application. VipsPM is a perfect tool to fulfill all your project management needs like managing Projects, Tasks, Defects, Incidents, Timesheets, Meetings, Appointments, Files, Documents, Users, Clients, Departments, ToDos, Project Planning, Holidays and Reports. It has simple yet efficient layout will make managing projects easier than […]


Singapore is recognised globally as a prime destination for foreign investors. Its business structure is well-developed, and its tax system is favourable to business owners. The government has a strong support system for entrepreneurs and provides legal protection for intellectual property rights. All of these conditions create an environment that is ideal for Singapore company […]
2020 has been a year that represents aggressive and sustained volatility with a confluence of unexpected situations, including economic shifts and market disturbance confluence. The COVID-19 pandemic forces businesses to adjust their methods of operations to ensure survival. These adjustments become the trajectory and guidance of what 2021 should look like and what companies should […]
COVID-19 pandemic has affected Thailand’s economy and labor market. World Bank’s Thailand Economic Monitor predicted that it would take Thailand over two years to return to its pre-COVID-19 growth and domestic product output levels. Although the country has successfully curbed the pandemic tide over the last few months, the economy remains severely hit. Nevertheless, heavily […]


Welcome to

Brief and amiable onboarding is the first thing