Lappy Kompy: Create Floating Footer and Static Footer Strip on Blog

Create Floating Footer and Static Footer Strip for a Blog - One of the tips for this time is to make a Strip Bar Hovering Footer Blogspot. Attract visitors not only on your article but the appearance of your blog is the first sight that can lure them. If you feel your blog has not look good then this one trick that will make it more attractive. On this occasion I will teach you tricks to create a static footer bar. Footer bar will always appear even to scroll down the page. In the footer bar or strip this footer you can put an ad or message to the visitor. Of course, visitors will easily see that message when they come to your blog. There is also a way to make Slide Out Navigation Floating.

just like alesca.info blog

Create Floating Footer and Static Footer Strip on Blog

See this pic

If you are interested to make. Then consider the following steps:

Choose Layout click Edit HTML

Click Ctrl+F

Find the code ]]></ b: skin> and paste the following code before the code ]]></ b: skin>

#navbar-footer p.info {
float: right;
padding-right:40px;
line-height: 1.2;
height: 100%;
vertical-align: bottom;
}

#navbar-footer p {
float: left;
margin: 0px;
padding-top:4px;
padding-left:40px;
vertical-align: bottom;
line-height: 1.2;
}

#navbar-footer a {
color: #333;
}

#navbar-footer {
align: center;
position: fixed;
border-top: 1px solid #ddd; border-bottom: 10px solid #f5f5f5;
background-color: #f5f5f5;
width: 100%;
left: 0px;
text-align: left;
color: #888;
font-family: Verdana;
font-size: 11px;
z-index:10000;
opacity: 0.9;
filter: alpha(opacity: 90);
bottom:0;
}

Then paste the following code before the code </body>

<div id='navbar-footer'>

<p>
Agar <a href='http://www.blogger.com'>Blog the alesca</a> lebih bermanfaat dan menarik lagi,<br/> diharap anda dapat meninggalkan komentar....
</p>
<p class='info'>Powered by <a href='http://www.blogger.com'>Blogger</a> | Created by <a href='http://www.facebook.com/thealesca' target='_blank'>Tee Alesca</a><br/>Copyright 2013 All Rights Reserved: <a href='http://4videoshared.blogspot.com/'>the alesca</a>
<br/>
</p>
</div>

Save your template and see the results ...

Hopefully this trick ... and good luck!

that's it the trick and tips blogging Create Floating Footer and Static Footer Strip on Blog

if you still don't understand yet, please comment me

Taken from http://digitalareas.blogspot.com

Translated by Tee Alesca

Laman

Create Floating Footer and Static Footer Strip on Blog