How to add Popular Post widget with star rating on Blogger template’s Sidebar?



How to add Popular Post widget with star rating on Blogger template’s Sidebar?, html code of star rating for blogger, best rating widget for blogger, how to add star rating to blogger posts, rating option in blogger, google star rating widget, how to add star rating in website, star rating for posts, how to add widgets in blogger, wordpress star rating without plugin, star rating plugin, google star rating code, how to add star rating in website, wordpress star rating custom post type, woocommerce star rating plugin, best star rating for wordpress, rating widget squarespace, online rating system, rating widget for blogger, google star rating widget, add facebook reviews to squarespace, create your own rating system, wiremo squarespace, rating widget star review system nulled, star rating generator,
How to add Popular Post widget with star rating on Blogger template’s Sidebar?

Rating system is not supported in Blogger platform. But we can display rating by using manual system. However in real rating system readers will rate a product or widget by giving stars. Actually this work best in WordPress platform and people can rate by voting on specific products and services. But many Blogger platform users have regret that Blogger doesn’t support this awesome rating system. But we can design widget by star rating in Blogger platform also but in real it doesn’t take any vote of readers.

In this post I am going to share a star rating popular post widget which will show your Popular post widget with star rating. From my best knowledge first release this widget By Arlina. But her widget has one major limitation that star rating won’t able to show on more than 5 posts. So I have developed this widget and brought some changes. Though Blogger allow to display 10 posts on Popular post widget so this widget I have designed for 10 posts. As well as you can display yellow and Blue star rating in your Blog. I hope you would love this widget.



How to Add Blogger Default Popular Post Widget?
Before adding star rating in Popular post widget you must add it in your Blogger site. So just follow the below steps-

Step #1: Log in to your "Blogger account" and Go to your "Blogger Dashboard".

Step #2: Go to your "Layout" tab.

Step #3: Click on "Add a Gadget" then select "Popular Posts".


Adding Font Awesome File in your Template
We know that Blogger doesn’t support star rating so we will display stars with Font Awesome script. If your template already containing Font Awesome file then just skip this steps. But if not then please follow the below steps to add Font Awesome file in blogger template.

Step #1: Log in to your "Blogger account" and Go to your "Blogger Dashboard"

Step #2: From Blogger Dashboard Click on -> Template -> Edit HTML

Step #3: Now locate <head> by pressing Ctrl+F (Windows) or CMD+F (Mac)  

Step #4: Paste the below Font Awesome code Below/after <head>




Step #5:And click "Save template"button from the top.

That’s it you have just added Font awesome file in your Blogger template. Now we will go for add star rating on our Popular post widget.

1. Add Popular Post widget with Blue Star Rating
We have seen in WordPress platform Blue and yellow star ratings are widely using for voting a content. So I will show you to add both star rating. However first let’s go for adding Popular Post widget with Blue Star Rating.


Step #1: Log in to your "Blogger account" and Go to your "Blogger Dashboard"

Step #2: From Blogger Dashboard Click on -> Template -> Edit HTML

Step #3: Now Find this code ]]></b:skin> by pressing Ctrl+F (Windows) or CMD+F (Mac)  

Step #4: Paste the below code  Before/above ]]></b:skin>




2. Add Popular Post widget with Yellow Star Rating
You may not like the Blue star rating because this widget merely used. So I am sharing another script for adding Yellow star rating on your Popular post widget. Please follow the below steps-


Step #1: Log in to your "Blogger account" and Go to your "Blogger Dashboard"

Step #2: From Blogger Dashboard Click on -> Template -> Edit HTML

Step #3: Now Find this code ]]></b:skin> by pressing Ctrl+F (Windows) or CMD+F (Mac) 

Step #4: Paste the below code Before/above ]]></b:skin>





Step #5: And click "Save template" button from the top.

Now check your Blogger template and see the star rating on your Popular posts widget. This is really cool. And I am sure your Blog readers will love to see it. Overall it will increase a positive impact on your Blogger site. Thank you.


MORE CONTENT
























No comments