Subscribe Push/Bell Notification Button On your Blogger/Website


How To Add Push Notification To your Blogger/Website



PUSH Notification, Bell Icon, Push Notification on Blogger, Bell Notification on Blogger,Add Subscribe Button on Your Blooger, Add Notification to your Website– Hi Guys, Hope You Are Enjoying Our Super Duper Loot deal of OYO Quiz Contest Tricks.

Subscribe Push/Bell Notification Button On Your Blogger/


Process to Follow to add Push Notofication:

Step -1 : Open the website onesignal.com

Step -2: Create a Account on their portal.

Step-3 : Once you successfully created your account visit https://app.onesignal.com/   if it will automatically not redirecting.

Step -4 : Now click on NEW APP/WEBSITE button present left side.

Step -5 : Now Give a APP Name whatever you wants then click on NEXT.

Step -6 :  Now Select WEBSITE PUSH option from the list.

Step -7 : Now You have to give your website/blogger url for notification like https://www.xyz.com

Step -8 : Now fill all other details & upload a image icon to be displayed as push notification on your website.

Step -9 : Once you fill & save all your works a APP ID / Code will be generated.

Step -10 : Just copy the code & put it on your blogger/website in the head section or body section.

Else you can copy the below code by replacing with your app id

<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
  var OneSignal = window.OneSignal || [];
  OneSignal.push(function() {
    OneSignal.init({
      appId: "YOUR APP ID IS HERE",
    });
  });
</script>

Step -11:  Now open your blogger account then go to Layout Option.

Step -12 : Now click on Add a New Gadget option then choose HTML/ JAVAScript Option.

Step -13 : Now copy the above code by replacing your APP ID then paste this inside the Box of HTML/ JAVAScript container

Step -14 : Now add this & save your layout

Step 15: Your are done, Check your website its live now.