Tuesday, April 23, 2019

Create a bell notification icon for your blogger or website

Create a bell notification icon for your blogger or website


हेलो दोस्तों आज हम इस ब्लॉग पोस्ट की मदद से समझेंगे की कैसे हम  bell notification icon को हमारे ब्लॉगर या वेबसाइट में कैसे लगा सकते हैं? ताकि visitors द्वारा हमारे ब्लॉग को subscribe करने में आसानी हो। 


Create a bell notification icon for your blogger or website



Create a bell notification icon for your blogger or website /


  कैसे ब्लॉगर या वेबसाइट में बेल के आइकॉन को  लगायें?



Create a bell notification icon: दोस्तों आपने कई वेबसाइट में देखा होगा की उसमे कार्नर पर निचे की ओर एक बेल (घंटी) का आइकॉन दिखाई देता है। जिस पर क्लिक करके हम उस ब्लॉग या वेबसाइट को सब्सक्राइब कर लेते है, जिससे उस वेबसाइट या ब्लॉग में होने वाली अपडेट हमें आसानी से मिल जाए।



यदि आप एक ब्लॉगर हैं, और आप भी किसी ब्लॉग या वेबसाइट को रन करते है और चाहते है की हमारी वेबसाइट में भी बेल का नोटिफिकेशन आइकॉन दिखाई दे जिसके माध्यम से आपके Viewer  सीधे आपके ब्लॉग या वेबसाइट को सब्सक्राइब करे और सबसे पहले आपके ब्लॉग या वेबसाइट पर होने वाली अपडेट को प्राप्त कर सके।  तो आज हम आपको बताएँगे की कैसे आप बहुत ही आसानी से इस बेल आइकॉन को अपने ब्लॉग या वेबसाइट में लगा सकते है।


Process to Create a bell notification icon 


आपको यहां कुछ साधारण से स्टेप को फॉलो करना है जिसके जरिये आप आसानी से बेल आइकॉन को अपने ब्लॉग में लगा सकते हैं। 



  • Go to Google 
  • Search to One signal
  • Click to the first link
  • Click to signup for free
  • Fill the detail 
  • Register now 
  • Setting inside
  • Copy the given code
  • Go to your Blogger Layout
  • Click to java HTML/Javascript
  • Paste the copied code here
  • Save 
  • Refresh your blog 


1. Go to Google:    दोस्तों सबसे पहले आपको गूगल के होम पेज के सर्च बार में जाना है, इसके लिए आप किसी भी ब्राउज़र का प्रयोग कर सकते है।



2. Search to One signal:     गूगल के सर्च बार में आपको onesignal लिखकर सर्च करना है।



3. Click to the first link:    सर्च करने पर आपको जो भी लिंक सबसे पहले दिखेगी उस पर आपको क्लिक करना है। 

Create a bell notification icon for your blogger or website



4. Click to signup for free:   लिंक पर क्लिक करते ही आपके सामने यह वेबसाइट ओपन हो जाएगी, इसके निचे आपको signup पर क्लिक करना है।

Create a bell notification icon for your blogger or website



5.  Fill the detail:   अब आपके सामने एक फॉर्म ओपन हो जायेगा जिसमे आपको अपनी वेबसाइट या ब्लॉग का एड्रेस और आपकी जीमेल id ,पासवर्ड डालना है।



6. Register now:   डिटेल भरने के बाद आपको Register  now पर क्लिक करना है।





Create a bell notification icon for your blogger or website




7.Setting inside  onesignal:   की वेबसाइट में रजिस्टर करने के बाद आपको कुछ सेटअप करना होगा जिसमे आपके सामने डैशबोर्ड ओपन होगा जहाँ आपको कुछ ऑप्शन में से   Web Push  को सेलेक्ट करना है।












अब आपको web Push के अंतर्गत कुछ ऑप्शन दिखाई देंगे उन ऑप्शन को आपको सेलेक्ट करना है। इसमें आपको तीन बॉक्स दिखाई देंगे जिसमे आपको बिच वाले को सेलेक्ट करना है।








बिच वाले बॉक्स को सेलेक्ट करने के बाद निचे आपको आपकी वेबसाइट जिस भी प्लेटफार्म पर बनी है उसे सेलेक्ट करना है, जैसे ऊपर फोटो में दिखाया गया है की उसमे बीच वाला बॉक्स और निचे ब्लॉगर सेलेक्ट है।



Create a bell notification icon for your blogger or website




ये सेटिंग करने के बाद आपको AAD A PROMT  पर क्लिक करना है।  सारी सेटिंग सेव करने के बाद आपको एक कोड प्राप्त होगा।



8. Copy the given code:   आपको इस वेबसाइट से प्राप्त इस कोड को कॉपी करना है।



9. Go to your Blogger Layout:      कोड कॉपी करने के बाद आपको अपने ब्लॉगर के डैशबोर्ड में जाना है। और लेआउट पर क्लिक करना है।




Create a bell notification icon for your blogger or website



10. Click to java HTML/Javascript:           आपको  layout में  HTML/Javascript पर क्लिक करना है।



11. Paste the copied code here:      अब आपको ओपन हुए बॉक्स में कॉपी किये हुए कोड को पेस्ट करना है।



12. Save:      नीचे दिए हुए सेव के ऑप्शन पर क्लिक करना है।


13. Refresh:    सब कम्पलीट होने के बाद अब आपको अपना ब्लॉग रिफ्रेश करना है और अब आप देखेंगे की बेल का आइकॉन आपके ब्लॉग पर  भी दिखाई देने लगा है।



Create a bell notification icon for your blogger or website



दोस्तों आशा है आज की इस ब्लॉग पोस्ट से आपको समझ में आ गया होगा की कैसे हम ब्लॉग में बेल के आइकॉन  को लगा सकते है। 



                                                                             धन्यवाद।

0 comments: