Today we are going to tell you how to add the Fixed announcement Bar on the top of your blog. Using the Fixed Announcement Bar you can catch the attention of the Visitors.
DEMO:-Top of this Page
How to Add the Fixed Announcement Bar on your Blogger Blog
1.First of all go to Template>Edit Html.
2.Then Paste The Below code in the CSS section of your template.
#headerstrip
{
background: none repeat scroll 0 0 #111111;
height: 35px;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}
#headerstriptext
{
padding-top:5px;
text-align:center;
color: #fc0;
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
}
#headerstriptext a
{
color: #fff;
font-size: 18px;
padding-left:10px;
}
3.Then Press Ctrl+F and search for
<body>
or
<body expr:class='"loading" + data:blog.mobileClass'>
<div id='headerstrip'>
<div id='headerstriptext'>[ Limited Copies ] Premium Blogger Template : <a href='http://indianbloggercommunity.blogspot.in/2013/03/blue-flame-theme-for-blogger-free-gift.html'>Grab Now!!!</a>
</div>
</div>
5.To change the announcement Change the code given above in Red color and Green color.
6. You can also change the background of the announcement bar by changing the code in Red color in step 2.
IF YOU FACE ANY PROBLEM PLEASE COMMMENT......
0 comments:
Post a Comment