Bell Icon Notification In Blog

Share:

Create A Bell Notification Icon In your Blog

दोस्तों इस Blog पोस्ट में आप को बताने वाला हू  की ब्लॉगर पर आप Push Notofication का Icon कैसे लगा सकते है। आप ने बहुत सारे Website पे देखा होगा की जब भी हम  Website को खोलते है तो वहाँ पे एक Subscribe या Allow का ऑप्शन आ जाता है जहाँ लिखा होता है (We'd like to Show you Notification for the Latest News and Update.)। इस Subscribe या Allow  ऑप्शन का मतलब होता है की अगर कोई नया पोस्ट या आर्टिकल उस ब्लॉग या वेबसाइट पे Update होता है तो आप को Brouser की परप से एक Notofication आता है अगर आप चाहे तो आप उस Notofication  पे click कर के नए Update को देख सकते है



 Bell Notification Icon क्या होता है और इसका फ़ायदा
 Bell Notification Icon क्या होता है आप को एक उदारण से समझाता हु। जैसे Bell Icon Youtube पे काम करता है उसी तरीका से वेबसाइट के लिए Bell Notification Icon होता है। जिस को Allow करने के बाद जो भी नया पोस्ट  Update वेबसाइट पे उसका Notification ब्राउज़र के तरप से हमारे Devise में आ जाता हैइस से ये फ़ायदा होता है जब भी वेबसाइट पे कोई नया पोस्ट अपडेट होता है तब जिस ने Bell Notification Icon को ऑन कर रखा है उसके पास एक Notification आ जाता है जिस से यूजर को एक नया पोस्ट पढ़ने को मिल जाता और पब्लिशर को एक व्यूअर मिल जाता है

 Bell Notification Icon को वेबसाइट में कैसे लगाये  
अभी आप को Bell Notification Icon को अपने वेबसाइट या ब्लॉग में कैसे लगये इस के बाड़े में स्टेप बाई  स्टेप जानकारी दिया हू
Step-1.
या तो आप गूगल में search कर सकते है(onesignal.com) या निचे दिए गए लिंक पे क्लिक कर के इस वेबसाइट पे डिरेक्ट आ सकते  है। वेबसाइट पे आने के बाद आप को राइट साइड में लॉगिन का ऑप्शन मिलेगा वहाँ पे आप GitHub ,फेसबुक, या जीमेल से साइन इन क्र सकते है

Bell Notification Icon, One Signal,techster moon
Step-2.
अगर आप के Facebook gmail या GitHub में से किसी का भी अकाउंट है तो आप वह के साइन इन क्र सकते है
Bell Notification Icon login
Log In
 Step-3.
जब आप यहां पे लॉगिन कर लेते है तब वहाँ पे आप को कुछ वेबसाइट के बाड़े में बताया जाता है उसे आप Next Next करने के बाद आप को Add App का ऑप्शन मिलता है वहाँ  पे click करने के बाद आप को App का नाम भरने का ऑप्शन मिल जाता है आप अपने मन से कोई भी नाम डाल सकते है निचे इमेज में आप को Step-1. और Step-2  लिख के दे दी हुआ जिस से आप को समझने में मदद हो सकता है
Bell Notification Icon, One Signal, techstermoon
Step-4.
जब आप Add App पे क्लिक करते है उसके बाद आप को एक अलग Screen देखने को मिलता है वहाँ पे आप को Web Push का ऑप्शन को सेलेक्ट करना  है उसके बाद next के ऑप्शन पे क्लिक करना है वहाँ पे आप को काफी सारा ऑप्शन मिलता है
Bell Notification Icon
Step-5.
जब Web Push पे click करने के बाद नेक्स्ट का ऑप्शन को सेल्क्ट करते है वहाँ पे काफी सारा ऑप्शन मिलता है उस में से आप को Website बिल्डर को सेलेक्ट करना है। उसके बाद आप को वहाँ  पे काफी सारा ऑप्शन मिलता है जैसे की Wordpress ,Blogger  और काफी सारा आप निचे इमेज में देख सकते है
Bell Notification Icon
 Step-6.
 वहाँ पे आप को काफी सारा ऑप्शन मिल जाता है जैसे की Wordpress ,Blogger और Joomla  etc .. अभी मे आप को ब्लॉगर सलेक्ट कर के दिखता हु की वहाँ पे क्या क्या ऑप्शन मिलता है जब आप ब्लॉगर को सलेक्ट करते है तो आप को निचे Site name , Site Url(Uniform Resource Locator) भरने का ऑप्शन मिलता है
उसके निचे आइकॉन उपलोड करने का ऑप्शन आता है
अगर आप अपलोड करना चाहते है तो अपलोड करे नहीं तो उसे खाली  छोर सकते है उसके निचे Permission Prompt Setup का ऑप्शन  होता है जिस से आप Bell Notification Icon का साइज कलर और उसके काफी सारे चीज़ो को Customize कर सकते है

उसके निचे Welcome Notification का ऑप्शन आता है ये ऑप्शन इस लिए होता है की अगर आप के वेबसाइट के Bell Notification Icon को कोई  Allow  करता है तो उस को ये वेलकम Notification दिखेगा
उसके बाद आप Save के ऑप्शन पे Click करना है 
Step-7 
जब आप save करते है उसके बाद एक नया पेज ओपन होता है वहाँ पे काफी सारा कोड लिखा होता है  
कोड को कॉपी कर के आप को ब्लॉगर के Theme में जा के Head Section में Paste करना है उसके बाद जब आप अपने website को ओपन करोगे तो आप को एक Bell Notification Icon दिखाई देगा
Notification bell icon
मुझे उम्मीद है आप को ये पोस्ट पसंद आया होगा,अगर आप को पोस्ट पसंद आया तो आप Comment कर के बता सकते है आप को ब्लॉग पढ़ के कैसा लग

No comments