Ads 468x60px

.

Social Icons

.

Make Sticky Bar For BlogSpot



First Go To " Dashboard


Click on " Design "

Click on " Edit Html "

Backup your template



Press Ctrl + F and Search This Code


]]></b:skin>




 Copy This Css Code and Just Above it Past The Below



#mbt-stickybar{
background:#0080ff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ9lA8jIu4LB4UXoZg2OTz1TV7a8tfT49Y9BOGFY_98eGsRlM2pqZd9eUONlWgxL5F7oLRnvvuUwRB9y-QrZcWBpmwiayFr-3hOyLlxIfwZ1xq9fDva3bJ1jBxUV83LGTIab0l79xOEtQ/s400/stickybar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:0px 0;
border-bottom: 1px solid #888888;
  -moz-box-shadow: #666666 0px 1px 3px;
  -webkit-box-shadow: #666666 0px 1px 3px;
  box-shadow: #666666 0px 1px 3px;
  z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
}
#mbt-stickybar a{
text-decoration:none;
color:#fff;
font-size:13px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
line-height: 24px;
}
#mbt-stickybar a:hover{
text-decoration:underline;
}
#mbt-stickybar p {margin:0; list-style:none;}
#mbt-stickybar img {vertical-align: middle;
      margin-right: 6px;}


To change the background colour of the bar then simply change this #0080ff
Next Press Ctrl + F and search for this code



0 comments:

Post a Comment

Send Free SMS To All Pakistani Mobile Numbers



Message:
                          characters left