In this Article, You will Know how to add a Toast Popup Notification to your Blogger website. Here, I have created this notification Popup using the HTML, CSS & Javascript.



You can easily use it to your website without worrying about page speed issues.


This is a great way to share key updates, special offers or add Call To Action (CTA) button to your Product or services. This type of notification helps increase CTR on the website and boost conversions.


So, let's check how you can add this notification popup to Blogger website.


First of All, Go to the Blogger dashboard and click on the theme section.


Now take a backup of your theme and then click on the Edit HTML option in the drop down menu.


@@@pic


Now Go to the end of the theme code and search for the closing body tag.

(</body>)


You need to paste the given code just above it.


@@@


Now, change the Call to action Link, SVG Icon, Description etc and save the theme code.


Now the Toast Notification Popup is added to the Blogger website.


@@@



You can also load this popup to individual pages or pages like Homepage, Post page, static pages etc using the Blogger conditional Tags.


You can easily customize this by tweeking the CSS code. Follow the video to learn More.


@@@vi

https://youtu.be/hW_0_yMulBw?si=V--Oyyrp3EyzjFtc



If this helpful to you feel free to share it with your Fellow Bloggers.


If you have any doubt regarding this, feel free to ask in our Telegram Group.

Share to other apps
Copy Post Link