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: