How to Make Cool Note & Warning Massage Boxes in Blog Posts

This time I will share a tutorial on How to Create a Cool Note Massage Boxe for Info, Tips, Warnings in Blogger Posts . The note box that I will share has an icon animation effect on the left.

How to Make Cool Note & Warning Massage Boxes in Blog Posts

This note box is usually found on blogs about tutorials, tips and tricks as well as some other interesting information. Creating a note box on a blog is not a difficult thing for blogger platform users, because with a little touch by adding HTML and CSS code you can create a note column in blog articles.

Also read: “A Thousand Little Bushes of Blood”

And this note box is actually similar to blockquotes. This note box has 2 color options and icons that you can choose according to your need, or even you can change it yourself as you wish.

How to Make Cool Note Massage Boxes in Blog Posts

Well, if you are interested in installing a note box in blog posts, please follow the steps below.

#Step1: Go to Blogger Dashboard > Theme > Edit HTML 

#Step2: Add CSS Above ]]></b:skin> or </style> Close Tag.


Then to apply in posts, create a new post > put this code in the HTML Mode (not Compose).

Demo For Note & Warning Massage

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 

Writing format for "note" massage:

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Writing format for "note warning" massage:

Relevant Tips is a blogging platform about Blogger, Relevant information, Digital marketing and so on.

Post a Comment