How to add Notification Bar To your Blogger Blog

Penulis : irfi on Friday, 20 September 2013 | 03:52

Hello Friend How are you hope you will fine So Today our post is on How to

add Notification bar to blogger Blog.Basically designing a blogger blog is much easier now days Every blogger design her blog with awesome coding. So Today we are releasing a fancy style blue color notification bar for your blogger blog.Notification bar is not for blogger by default but as I told you that

developers has created many things for blogger and this Notification bar is created by me.this bar shows manually specified links, so you can add or remove links to it manually according to your needs.

Notification bar is the best way to highlight the latest topics or updates of any blog.

How to add this awsome notification bar to blogger:

If you add this notification bar to your blogger blog then follow some simple and easy steps in order to add this stylish notification bar to your blog.

1.Go To Blogger >> Template >>Edit HTML

2.Now find for ]]></b:skin>:

3.Now Paste the Below code just above the ]]></b:skin>:

#notification bar{

background:black;

width:auto;

height:50px;

z-index: 999999;

padding:-12px ;

margin: -41px 0 0;

display:none;

}

#OIFbar{

background: none repeat scroll 0 0 #000000;

background:#05ADFA;

width:auto;

height:50px;

padding:10px auto;

text-align:center;

font-family: arial,sans-serif;

color:black;

position: relative;

text-align: center;

text-decoration: none;

margin:-10px;

padding:2px -10px ;

border-bottom:3px dotted black;

}

#OIFbar a{

color:black;

font-size:10px;

font-family: arial,sans-serif;

}

#OIFbar hover{

text-decoration: underline;

}

4.Now again go for Template

5.Now search <body>

6.After that paste the below code just after <body> tag

<div id="notification bar">

<div id="OIFbar">

"ONLINE INFO POINT NOTIFICATION BAR"

</div></div>

7.Now You're Done Save Your Template:)

IF you have any problem while doing this task then feel free and kindly post your problem in comment section.I hope You find this tutorial helpful
If you want to know more OIF Awesome widgets then Subscribe us and Follow us And finally don't forget to share this post with your friends

Thank you
Enjoy!!!

Share this article :