5 Start Rating Widget is an awesome source of getting feedback and Positive response from your readers, this widget show 5 stars at the top or below the blog post,where one can rate your blog article.This Widget also show the total number of views of the article along with the number of votes.You can rate an article by Selecting and Clicking the 5 stars at Once.
In the last post I've explained how to replace your blogger 404 page with beautiful search box, Well now I am going to expalin how to add 5 star rating for your blog posts.
Read Also : Related Posts Widget with thumbnails and summary for Blogger
Read Also : What is Alexa Rank ? Guide to get started with Alexa Rank
Everyone knows the Getting positive feedback from visitors and blog readers enable you to get fame.The Stronger your feedback is the more your blog visitors will be happy. I also recommended some blogging tips at Blogging Recommendations you can check those.
In the last post I've explained how to replace your blogger 404 page with beautiful search box, Well now I am going to expalin how to add 5 star rating for your blog posts.
Read Also : Related Posts Widget with thumbnails and summary for Blogger
Read Also : What is Alexa Rank ? Guide to get started with Alexa Rank
Everyone knows the Getting positive feedback from visitors and blog readers enable you to get fame.The Stronger your feedback is the more your blog visitors will be happy. I also recommended some blogging tips at Blogging Recommendations you can check those.
Adding 5 Star Rating Widget to Blogger Posts :
- First of all Go To Blogger Dashboard
- Then Click On Template >> Edit HTML
- Now search for </head> tag
- After Finding the Head Tag Copy the below Script and paste it just above it or before it.
<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />
- After Implementing the above steps search for this Code <data:post.body/>
- Now Copy the Below Code and paste it just above/below <data:post.body/>
<b:if cond='data:blog.pageType != "static_page"'><div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[['<img src="http://static.graddit.com/img/star.png"/>']]}</div><div expr:id='"ffbs_stats_" + data:post.id' class='ffbs_stats'></div><script type='text/javascript' expr:src='"http://www.graddit.com/rate/eng/5/" + data:post.id + "?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&labels=labels_" + data:post.id + "&info=info-" + data:post.id + "&info_delay=2&url=" + data:post.url + "&class_star=ffbs_star_img&class_star_set=ffbs_star_img_set&class_star_vote=ffbs_star_img_vote&views=yes&votes=yes&average=yes"'></script></b:if>
- Now Click on Save Template , that's it Now you got the 5 Star Rating Widget for your Blog Posts
Note :
This Widget Provide two option i.e you want to show it before Blog Post or below Blog Post, Actually I will prefer the below section because when readers read your article at the end they decide how was the article. So for adding it Below the Blog Posts Copy the Above Script and paste it below <data:post.body/>,and if you are interested in showing it above the Blog post so do the above steps and paste the copied script above <data:post.body/>.
If you are using Magazine Style Blogger Template or Responsive Blogger Template,then you have to Copy the above Script and paste it below/above <data:post.body/> as many times as it is in the Template HTML.
Read Also : How to add Meta Descriptions for your Blog
However this Widget can impress your blog readers but if you have a good feedback,however it doesn't slow down the blog loading speed, Happy Blogging - TechHints.in Team
Perfect Working
ReplyDeleteKeep visiting bro :)
Delete