Home

How to make Star Rating in blogger


Hello Blogger user, in this tutorial I will share with you all how to create a star rating widget in blogger. Installing a star rating widget in each blog post on your website will look more professional, plus it can also serve as an assessment of the views of visitors about the content of your website and domain while increasing SEO on Google search.

Why Add Star Rating Rich Snippet? 

Adding a star rating rich snippet in google search will make your posts in the search looks great and will make a rating for your posts which will give you more visitors which means more traffic, everyone is looking for the best content so when they see this rating they will check your posts.

Creating Star Rating Widget in Blogger

  • Go To Blogger.Com 
  • Then click on Theme 
  • Click on Edit Html 
  • Copy the CSS code and paste the code Above the <head>.
<style type='text/css'>
/* Post Star Rating Widget By ItsThemeWorld */
#wpac-rating:before{content:"Rate This Article";top:-15px;text-align:center;position:relative;width:100%;}
#wpac-rating .wp-stars .wp-star:hover:before{z-index:999;padding:3px 11px;background:#1a1d23f0;color:#fff;font-size:12px;border-radius:2px;white-space:nowrap;position:absolute;line-height:1.4;text-align:center;-ms-transform:translateX(-30%);-moz-transform:translateX(-30%);-webkit-transform:translateX(-30%);transform:translateX(-30%);top:100%;margin-top:9px;}
</style>
  • Copy the HTML code and paste the code Above the <data:post.body/>.
<div id="wpac-rating"></div>
  • Copy the Js code and paste the code Above the </head>.
<script type="text/javascript">
wpac_init = window.wpac_init || [];
wpac_init.push({widget: 'Rating', id: 31970});
(function() {
    if ('WIDGETPACK_LOADED' in window) return;
    WIDGETPACK_LOADED = true;
    var mc = document.createElement('script');
    mc.type = 'text/javascript';
    mc.async = true;
    mc.src = 'https://embed.widgetpack.com/widget.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mc, s.nextSibling);
})();
</script>
  • Save the and Enjoy

Conclusion

So this is all about How To Create Star Rating Widget in Blogger ?. In blogger, I hope you will not have any problem making it and you have created the subscribe youtube channel button well. If you find this article helpful then do share it with your friends and give us your feedback.

Referensi:
SmartTechMukesh

Referensi:
WolvTheme

Rate Article: