Footer navbar

Mungkin buat sebagian orang agak kurang mengerti apa itu footer navbar, Jadi saya akan sedikit mencoba menjelaskan mengenai apa itu footer navbar sebelum bagaimana cara bikinnya. Pertama kali saya melihat footer navbar ini di blognya mas anang, karena kelihatan menarik..maka saya pun mencoba mengaplikasikannya di blog ini. Dan hasilnya...anda semua bisa melihat di bagian paling bawah dari blog ini. Berikut screenshootnya :


Anda bisa lihat text yang berada di dalam lingkaran biru, nah itulah yang disebut dengan footer navbar. Pasti dah ngertikan......Pengen pasang footer navbar di blog anda...? Ikuti cara2-nya dibawah ini :

1. Login di blogger, lalu setelah masuk dashboard pilih blog yang akan anda pasangi navbar ini

2. Seperti biasa, masuk layout --> edit html

3. Beri tanda centang pada expand template widget

4. Cari ]]></b:skin> lalu copy paste kode dibawah, diatas kode barusan

#navbar-footer a {
color: #000;
font-weight:bold;
}

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

5. Langkah selanjutnya, masukan kode berikut persis diatasnya kode </body>

<div id='navbar-footer'>
<p align='center'>
<a href='http://kursus-blog.blogspot.com/'>Kursus Blog</a> © Juni 2008<br/>Template Designed by <a href='http://www.blogger.com/profile/01431888848076356714' target='new'>Mizwar</a> | on <a href='http://bloggertemplates-foryou.blogspot.com' target='new'>Blogger Templates</a></p>
</div>

Silahkan ganti semua text yang berwarna merah sesuai dengan data anda sendiri. Jika anda mengerti, anda bisa memodifikasi kode diatas sesuai keinginan anda. Bisa ditambahkan gambar, marquee, atau apa saja terserah anda. Ok...Selamat mencoba.