How to notification Bell icon in blogger , website .

दोस्तो आज की इस पोस्ट में बात करने वाले है कि आप अपने blogger पर push notification का आइकन कैसे लगाए आप सभी लोगो ने बहुत सारी वेबसाइट में देखा होगा कि वेबसाइट के साइड में एक Bell icon बना होता है यदि आप भी अपने ब्लॉगर वेबसाइट में लगाना चाहते है तो ये पोस्ट को पढ़े मैं आपको step by step बताऊगा ।

क्या होता है Push notification और इसके लगाने के क्या क्या फायदे है ।

पुश नोटिफिकेशन का आइकॉन पर क्लिक कर कोई अपने वेबसाइट को सब्सक्राइब कर लेता है तो उसे जब भी हम कोई पोस्ट अपने वेबसाइट करते है तो उसके ब्राऊज़र में उसे इस नोटिफिकेशन मिल जाएगा इससे हमें काफी ट्रैफिक मिल सकता है अपने वेबसाइट में इसके और बहुत सारे फायदे है ।

Push notification icon अपने वेबसाइट में कैसे लगाए ।

Step 1 :-

Bell icon को अपने वेबसाइट में लगाने के लिए आपको
Onesingal.com इस वेबसाइट जाना होगा और अपना एकाउंट बनाना होगा अकाउंट बनाने के बाद साइन इन कर ले

Step 2 :-

साइन इन करने के बाद आप को add new app पर क्लिक करना है

Step 3 :-

उसके बाद आपको एक नाम लिख देना है और next पर क्लिक करे

Step 4 :-

इसके बाद आपको website push पर क्लिक कर next पर क्लिक करे

Step 5 :-

अब आपको chrome & mozilla firefox पर क्लिक कर next करे

Step 6 :-

अब आप को यहां पर अपनी वेबसाइट का url डालकर सेव कर दे

Step 7 :-

अब आप यहाँ पर एक id दिख रही होगी इस id को कॉपी कर notepad में सेव कर ले

Step 8 :-

इसके बाद मैं आप को एक कोड दे रहा हूँ उसे कॉपी कर नोटपैड में डाले

<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async='async'></script>
<script>
var OneSignal = window.OneSignal || [];
OneSignal.push(["init", {
appId: " YOUR_APP_ID ",
autoRegister: false, /* Set to true to automatically prompt visitors */
httpPermissionRequest: {
enable: true
},
notifyButton: {
enable: true /* Set to false to hide */
}
}]);
</script>
<script rel="nofollow" src="https://halchaltipstricks.blogspot.in/"></script>

Step 9 :-

यह कोड नोटपैड में डालने के बाद आप यहां पर YOUR_APP_ID की जगह वह id past करे जो id आप को अप्प बनाने के बाद मिली थी

Step 10 :-

अब आप का कोड तैयार हो चुका है अब इसे पूरा कॉपी करें

Step 11 :-

अब अपने ब्लॉगर में जाये और वहां लेआउट में क्लिक करे

Step 12 :-

Add a new gadget पर क्लिक करे

Step 13 :-

अब आप को html javascript पर क्लिक करे

Step 14 :-

अब यहां पर पूरा कोड पेस्ट कर दे।

सेव करने के बाद सेव अरजेस्टमेंट में क्लिक कर दे
बस अब आप के वेबसाइट में वेल आइकॉन का आइकन आ जाएगा

yaha par click kar hamara whatsapp group join kare

Hamara facebook group join kare