How to install under nave bar

Hi all...,Kali ini saya ingin mengajak kawan-kawan bagaimana cara untuk membuat atau Install Under NaveBarlike picture example di bawah.Baiklah kita akan mulekan.
1. Clik Design
2. Edit HTML
3. Tip tepat pada bagian Expand
4. Cari code ]]></b:skin>


/* code for under navbar
--------------------------------------- */

#under-navbar img {
/* margin: 0px 0px -8px 0px; */
vertical-align: middle;
}

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

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

#under-navbar a {
color:#00CCFF;
text-decoration:none;
}
#under-navbar a:hover{
color: #00FFFF;
}
#under-navbar {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 5px solid #003366;
background: #58595B url(http://2.bp.blogspot.com/-7VPPKlIUhkU/TWzP6bzKzZI/AAAAAAAABBM/xEyQQqcLI3Y/s1600/bg12.jpg);
width: 100%;
left: 0px;
text-align: left;
color: #ffffff;
font-family: verdana;
font-size: 12px;
z-index:10000;
bottom:0;
}
]]></b:skin>

5. Carik Code </body> and kalau dah dapat paste code di bawah ni selepas code </body>



</body>
<div id='under-navbar'>
<p><img src='http://2.bp.blogspot.com/-to55DhKP1OA/TWzOC1_wXeI/AAAAAAAABBE/ZHwXKwo_v3o/s1600/f.gif' style='width: 28px; height: 28px;'/>
<a href='http://freehtmlblog4u.blogspot.com/><b>Free HTML Blog 4u</b>
</a>  © 2009 |
Design by <a href='http://freehtmlblog4u.blogspot.com/ target='_blank'>Asp</a>
   <img border='0' src=''/></p>
<p class='info'>Powered by <a href='http://www.blogger.com'>Blogger</a> |
Subcribe <a href="http://freehtmlblog4u.blogspot.com/" imageanchor="1"><img border="0" height="26" src="http://2.bp.blogspot.com/-tvShTvnhdus/TWzTdySkb_I/AAAAAAAABBc/K3yuxvVqtms/s1600/livechat.jpg" width="88" /></a></a></p>
</div>


Note!!
Yang berwarna biru anda boleh mengngubahnya sendiri sesuai dengan selere anda!hee hee

Share this:

Komentar Facebook: