CSS Sticky Floating Footer For Your Blogger Blog

This widget is useful to write site notes in footer, welcome messages for visitors.

• Go To Blogger > Layout > Add A Gadget > HTML/ JavaScript

• Paste following code : 

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>

 Customize:

• Just replace Your Text Here with your text OR HTML/JaveScript Code.
• You can change background colour using by replacing #151715 .
• You can also change font size by replacing ":19px".