Welcome to the dn123 blog This time Droidnur will share "How to Create Push Notifications on Blogs with OneSignal".
What is OneSignal?
OneSignal is a service that has the ability to implement the Push Notifications function on a website so that users who follow the site will immediately get notifications on their devices easily
Push Notification is a notification that will appear anywhere and anytime. This notification message will appear when the user has activated this message on a site that he follows. Even when the user does not open the site in the browser, the message will still appear as a notification when there is an article update on the site that works well on desktop and mobile devices. Its function is the same as the bell button on Youtube.
Benefits Push Notifications on Blogs with OneSignal?
With the addition of the Push Notifications function on the blog, it will certainly encourage more visitors and it will have a positive impact on the development of your blog. Large sites also use Push Notifications such as Facebook, Twitter, and other sites.
For those of you who want to install it on your blog quickly, please follow the simple steps below.
How to Create Push Notifications on Blogs with OneSignal?
The first step you have to do is to visit the OneSignal official site to create Push Notifications on your blog. Then click the Sign-Up button.
Fill in the registration form by email or by logging in directly via Github, Facebook, or Google account. Once completed, click the Create Account button.

Please Confirm the link sent by email to activate the OneSignal account.
The next step, on page https://app.onesignal.com. Click the NEW APP/WEBSITE button and give the new APP a name.
create app preview pic
After that, on the Select Platform menu select Web Push. Then click the Next button.
from the Configure Web Push page, select the WordPress Plugin or Website Builder menu and select the Blogger option.
Then for settings, scroll the page down and fill out the Blogger Site URL Setup form according to your blog.
Then scroll down and click the Add A Prompt button, select what features you want to activate, when you're done setting don't forget to click the Save button.
At last, Once all the features are set, scroll down and click the Save button.
Next, add this code inside the blogger template before </head>or </head><!--<head/>--> tag
Once added to the template click the Save theme button and click the Finish button from the OneSignal page. Finished!
For an example of the results, please visit the following page.