How To Add Notification Box For Blogger/Blog

Making your readers observance crucial division of your install or blog is real strategic.So we prefab this new asking box.We other a hang impression and thence it could impress your job.Lets get o.k. to our manipulate now and acquire this new asking box.

View Live Demo

Adding The Notification Box For Blogger

Step 1: Adding The CSS

Go to Blogger
Template > Edit Html
Search for ]]></b:skin> (Ctrl+f)
Add the following code above it

.tip {
text-decoration: blink;
background: #FFC url(https://lh5.googleusercontent.com/-sRX_pcKj5V0/UK8LgCVZanI/
AAAAAAAAG84/-Pst-ZgY36k/s32/notification.png) center no-repeat;
margin: 0 auto;
width: 90%;
display: block;
border: 1px solid #D5B900;
background-position: 7px 50%;
padding: 10px 10px 10px 45px;
vertical-align: text-top !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tip:hover{
box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}

Step 2: Implementing The Notification Box

Whenever you feel the need to use this box just use the code given below :

<div class="tip"><blink>Note:- </blink>YOUR TEXT HERE</div>

Replace the text in pink with your own.

If You Enjoy This Post! Please Take 5 Seconds To Share It.

Note:- Hello There!Happy for reading the article and don't forget share this article on your social network.Thanks You ^_^

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Admin ID-Netblog, Published at 10:42 PM and have 0 comments

Writed by : Admin ID-Netblog

My friend was reading the article onHow To Add Notification Box For Blogger/Blog . Admin, buddy permitted copying and pasting or disseminate this article, but do not forget to put the source link below.

<a href="https://bloggerheroe.blogspot.com/2012/11/how-to-add-notification-box-for.html" target="_blank">How To Add Notification Box For Blogger/Blog </a>