Friday, 15 June 2012

CSS Sticky Footer For Blogger

Important: All scripts hosted on widcraft.googlecode.com don't work anymore because Google has blocked that SVN repository.


This widget is so useful to write down site notes or welcome messages for visitors and also to easy to add.

  • Go To Blogger > Layout > Add A Gadget > HTML/JavaScript
  • Paste following code : 
<style type="text/css">
 #stickybar { border-bottom:1px solid #ECF1EF;
background:#151715;
font-size:19px;
color:#FFF;
padding:10px 10px;
position:fixed;
bottom:0; left:0;
z-index:2000;
width:100%;
text-align:center; opacity:0.6;
}
#stickybar:hover { opacity:1; }
#stickybar a { color:#FFF; text-decoration:none; }
</style>
<div id="stickybar">
<center><tbody><tr> <td><strong>Your Text Here | </strong> </td> <td><a href="#" rel="nofollow">Back To Top</a></td></tr></tbody></center>
</div>
  • Just replace Your Text Here with your text.
Important: Check our new website TricksPanda.com for WordPress tutorials, plugins and more.
 
Powered by Blogger.