Why a scrollable Footer Bar for your site and blog ? Quick Tips To Do it ?

How a Floating Customized Footer Helps User To get interact

• Branding Effect (if we put something like logo or brand images, text)
• Instant Call of Action (using call, email or Clickable or animated items)
• Social Profile Recommendation (Quick action with social buttons as FB or Twitter )
• Booking Form and scrolling problem .. (Helps in when your page is scrolled long)
• Increase Call of Action chance (A Typical "Book Now" self page anchored button jump to form with focus helps in conversion.)
• Overall Conversion (Over All Helpful in conversions )

---

<style type="text/css">
.footer {
background-color: #cdcdcd;
height: 180px;
text-align: center;
font-size:10px;
color:#CC0000;
font-family:Verdana;
padding-top: 10px;
width: 100%;
position:fixed;
left: 0px;
bottom: 0px;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
body {height:100%; overflow-y:auto;}
html {overflow-x:auto; overflow-y:hidden;}
* html .footer {position:absolute;}
</style>
<![endif]-->
<div class="footer">-- This is your liquid footer --</div>
(View Reference : http://www.tripadvisor.com/ Footer )

Posted: Sujit