Thanks for visiting our blog, please share the posts with your friends.


Paid Ads

Create a bell notification icon for your blogger blogs or websites


Today in this article I am going to show you how to create a bell notification icon for your Blogger blog or website.

A bell notification plays an important role in gaining subscribers for your blog or website and ultimately it boosts traffic of your website or blog.


This article can help you to add subscribe bell icon on your bloggers blog or website.


bell%2Bnotification

Create a bell notification icon for your blogger blogs or websites:


To create a bell push notification icon, first of all, you have to visit onesignal.com.


Once you visit onesignal.com you will get three options “Mobile push”, “Email” and “Web push”.



Since you want to create notification bell icon for your website, so you have to select “Web push” and then click on “Get started”.





1






Now you need to signup for an account. You can either create an account or simply signup with your Facebook or Google+ account.


2



Once you are logged in successfully you will see an option “Add a new app”, just click on it.


3



Now put your website name or anything that you like in the box “App name” and click on “Next”.


4



Now select “Web push” from the given options and click on “Next”.


5



Now from the “Choose integration” option click on “Wordpress plugin or website builder” and select “Blogger”.


6



Now in “Blogger site setup” box fill out your website name and Url, then in “Permission Prompt setup” box click on “Add a prompt” button.


7



Now “Permission prompt editor” will open, select “Subscription bell” option and then select the size, location and color of the bell and click on “Save” button.


8



Now you will get a code from One signal and also your App id, just copy the given code.


9



Now open blogspot.com and login to your blog, in which you want to place notification bell icon.

Then go to “Layout” and click on “add a gadget”.
Now select “HTML/Java Script”


10



Now copy the  code and paste this code into the “Content” box.





11




That’s it, now refresh your website or blog you will see a bell icon at the bottom of your website.

If you still have any doubts comment below. If you like this article, don’t forget to share this with your friends.

Post a Comment

0 Comments