How To Create Sticky Bar On Blogger

Add This To Del.icio.us Tweet/ReTweet This Share on Facebook StumbleUpon This Add to Technorati Digg This

Programming in blogger is always a very hard stuff. Finally you can now create a sticky bar on your blogger blog To write an announcement, update news or notice to readers. It's certainly a cool feature for blogger. May be not every visitor enjoys viewing that fixed bar at the top, so they deserve to be provided with an option to view or hide the bar. Now lets see how to set a fixed sticky bar on blogger

View Demo

Go to Blogger > design > Edit HTML

Find the following code using CRTL+F

]]></b:skin>

Now place the following CSS code just before ]]></b:skin>
Click Here For The Code
Now find the following code using CRTL+F

Click Here For The Code
Finally find the following code

<body>

And paste the following code just below it

<div id='mbt_bar'> write your text taht will appear on the sticky bar
<span style='padding:0px; float:right'>
<img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigZhY8B06XiMYYMdfrGDN3NjN1EbghvaakO5tbJrN810tQj4RZ85xBuGPDQuR1caKaQLvDCDmSlxUauH55jiIDssca8IgOkykYvK5n2hs6bbGzXNvo4Q47L3fBMLc3R8s4D-6d_WvzsaA/s400/cancel.png' style='cursor:hand;cursor:pointer;'/></span></div>
<br/><br/>

Now save the template and you are done :)

Please share this post if you like. Comment or contact if any problem