How To Create Star Rating Widget in Blogger ?

सभी को नमस्कार, इस ट्यूटोरियल में मैं आप सभी के साथ साझा करूँगा कि ब्लॉगर में Star Rating Widget कैसे बनाया जाता है। आपकी वेबसाइट पर प्रत्येक ब्लॉग पोस्ट में Star Rating Widget स्थापित करना अधिक अच्छा लगेगा, साथ ही यह Google Search पर SEO को बढ़ाते हुए आपकी वेबसाइट और डोमेन की सामग्री के बारे में यूजर्स के विचारों के आकलन के रूप में भी काम कर सकता है।

How To Create Star Rating Widget in Blogger ?|How To Create Star Rating Widget in Blogger ?

वर्डप्रेस जैसे ब्लॉग प्लेटफॉर्म पर, स्टार रेटिंग विजेट स्थापित करने की सुविधा डिफ़ॉल्ट रूप से प्रदान की जाती है, लेकिन दुर्भाग्य से Google की ब्लॉगर सेवा में अभी तक स्टार रेटिंग विजेट सुविधा नहीं है। इसलिए हमें ब्लॉगर पर रेटिंग विजेट को लागू करने में सक्षम होने के लिए Html और Css के साथ Js का प्रयोग करना पड़ेगा ।

इस पोस्ट में, मैं ब्लॉगर पर Star Rating Widget कैसे सेट करें, इस पर एक ट्यूटोरियल साझा करूंगा। यदि आप इसे अपने द्वारा बनाए गए किसी भी ब्लॉग पर स्थापित करने में रुचि रखते हैं, तो नीचे दी गई पूरी पोस्ट पढ़ें और दिए गए चरणों का पालन करें।

How To Create Star Rating Widget in Blogger

स्टेप 1 :- सबसे पहले Blogger.Com पर जाए।

स्टेप 2 :- फिर अपना ब्लॉगर अकाउंट लॉग इन करें।

स्टेप 3 :- इसके बाद थीम मेन्यू पर क्लिक करें।

स्टेप 4 :- एडिट एचटीएमएल पर क्लिक करे ।

Step 5 :- इसके बाद दिए गए Css Code को कॉपी करके  </head> के ऊपर पेस्ट करे ।

<style type='text/css'> /* Post Star Rating Widget By Phamdom Official */ #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>

स्टेप 6 :- फिर नीचे दिए गए Html कोड को कॉपी करें और <data:post.body/> के नीचे पेेस्ट करें ।

<div id="wpac-rating"></div>

स्टेप 7 :- इसके बाद दिए गए JavaScript कोड को कॉपी करें और </body> के ऊपर पेस्ट करे ।

<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://cdn.widgetpack.com/widget.js';     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mc, s.nextSibling); })(); </script>

स्टेप 8 :- इसके बाद सेव थीम पर क्लिक करना न भूलें।

Conclusion 

इस पोस्ट में मैंने ब्लॉगर में स्टार रेटिंग विजेट कैसे बनाएं पर ट्यूटोरियल साझा किया है । मुझे आशा है कि यह ट्यूटोरियल सभी ब्लॉगर ब्लॉगस्पॉट उपयोगकर्ताओं के लिए उपयोगी होगा । यदि आपको इस विजेट लगाने में दिक्कत आ रही है तो कमेंट करे हम आपकी सहायता करेंगे । हमारी वेबसाइट पर आने के लिए धन्यवाद।