Skip to main content

How to Make Push Notifications on a Blogger with OneSignal



Push Notifications: Push Notifications is a kind of notification that will appear wherever you want your visitor to see. This notification will show when the users has activated this message on a site that they are following. Even if the visitor do not open the website in a browser, the notification will still show as a notification when there is an latest post update on the site that works well on desktop and responsive on mobile devices. It works the exact as the bell icon button on every Youtube Channel.

By adding Push Notifications option to your blog or site will certainly encourage more visitors and it will have a positive impact on the future of your blog. Many famous websites that you visit in your daily browsing also use Push Notifications like Social Medias: Facebook, Twitter, and many other similar sites.

For People out there wants to install it on your blog, please follow the few steps mention below.

How to Make Push Notifications on a Blog with OneSignal Plateform

The very 1st step that you should take is to visit the OneSignal site to create Push Notifications on the blog. Then click the Sign Up button .



Complete the registration by email address or you can also login directly through your Google account or Facebook. After registered with OneSignal, click Create account button. As you can see below in image:-



Confirm the link sent to your email id to activate your OneSignal Credentials.



Next step, go to the following address https://app.onesignal.com. Select the New App or Website icon and give a name to the new App that you just added.



Being named, on the Select Platform menu select Web Push style. Then click the Next button to go foreward.



Click on Configure web push page select the 2nd option Website Builder menu and then select Blogger plate form for integration.



Next option or settings, scroll down the page and fill out the Blogger Site Setup form with your blog.



And then scroll down the page and click one icon Add A Prompt button, select whatever features you want to activate for your blog, after finishing, click Save button as shown in the below image.



The Following image shown how its looks on Mobile Phone, MacOs or Windows. You Can skip this step by scrolling.



After all the features are set as desired, scroll down to next step and click the Save button as shown for your reference.



After Saving Next job to add the code in the template before </head>
or &lt;/head&gt;&lt;!--<head/>--&gt; . The following (Figures) guide showing how to do this exactly. 

push notifications firebase

Copy the Below mention Code and go to theme option in your blog select edit HTML and Search for </head>  by pressing (Ctrl+F). The step 2 Highlighted show how your code looks.

free push notification service for blogger

Once the job done in the template click the Save theme button and click the Finish Setup button on the OneSignal page. Now its Done !!

For an example of the results, please visit to the Demo


Hey Folks, that's all from Tech Online Help for tips on How to Make Push Notifications on a Blog with OneSignal . I'm Hoping that your time provided to this article will be useful.

Popular posts from this blog

How to Create Cool Contact us page in Blogger 2020

Blogger or Blogspot is exceptionally powerful and simple to work with CMS Plate-form, you don't need to be a nerd to work on your dashboard or internal settings. In any case, with ease, there comes a Many Limit, By default you can't make a Contact us page in your blogger widgets, you need to possibly use some other hosts to utilize any third party code or need to change bloggers authentic contact gadget, so it can chip away at static pages. Making a different page for contact intention is proficient and furthermore makes your blog or website clean by covering up excess gadgets and modules So, Lets get proceed to further & learn how to make a Contact Us page in Blog or Blogger. Our First Step is slightly important Before follow the below mention example or exercise we prescribe you to introduce the contact form widget in your blog, it is very simple process and should be possibly done in less than 2 minutes, with basic snap. We have posted an instructional exercise ...

How To Create a Responsive HTML Sitemap Page In Blogger

How To Create a Responsive HTML Sitemap Page In Blogger Sitemap is a very important page for a website to seek out out all the articles in an website. Sitemap may also be known as a table of contents of all the posts in our blog. The sitemap byself is sometimes accustomed create it easier for viewers to check articles or posts within the website. Normally all articles or blog posts are going to be displayed by the labels and title on our web log. Sitemap is additionally a part of {SEO} and part of blogging. Not inconsistently for bloggers consistently utilize a sitemap to make it simpler for viewers to see all the articles or all posts of articles that been distributed on the website. In making it yourself it's extremely simple, you don't have to paste the content into the format, you just make a static page on your blog, and the sitemap page can be utilized given that each posts as of now has or has a label given, at that point naturally posting or the writing articl...

Delete or Reset your blogger Blog Templates blogging 2019

Tech Online Help - here you will find cool and latest tips and tech stuffs. Hope i don't waste your quality time. Stay Connected. Deleting or just resetting themes is normally used to make themes yourself from the begin as per your desires. Also, this is done by individuals who know about remake a theme. Not rarely reset or erase the layout all in all is utilized by certain peoples to kill the html codes or scripts that isn't utilized, the fact is that this technique is the quickest and most useful way to do so. but each time you try to change a format, obviously you discover unneeded codes that are still showing on your blog or site, and make the new layout full of trash. as opposed to try searching for the code, it's smarter to utilize this way. Be that as it may, for those of you who as of now love the past layout, and have introduced different sorts of contents don't utilize this strategy. Reset or erase the format overall will kill all code or content in t...