Tips Membuat Navbar Footer Transparan Yang Melayang Di Blog Kita

Setelah blogwalking saya menemukan artikel menarik dari kursus-blog. Pada prinsipnya tips ini membuat suatu karakter navbar akan tetapi tips kali ini bagaimana membuat suatu text melayang pada bagian footer navbar. Contohnya bisa anda lihat di bagian paling bawah dari blog ini.




Adapun langkah-langkahnya sebagai berikut :



1. Login blogger Anda

2. Pilih Layout --> Edit HTML

3. Jangan lupa sebelum anda lanjutkan, alahkah baiknya --> Download Full Template (backup file anda, jaga-jaga terjadi sesuatu yg tidak diingkin maka kita bisa untuk repair lagi)

4. Kemudian Beri tanda centang pada --> Expand Template Widget

5. Cari script ini --->    ]]></b:skin>   

6. Setelah ketemu copy script warna merah dibawah ini dan kemudian paste-kan
tepat diatas-nya script    ]]></b:skin>   



#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;

}

]]></b:skin>   
<------------- diatas-nya adalah script Footer Navbar.

7. Selanjutnya kita akan memasukkan teks, gambar, marquee dll sesuai keinginan kita, copy script warna hijau dan pastekan persis diatasnya script  </body> kalu gak salah terdapat pada baris paling bawah sendiri.

<div id='navbar-footer'><p align='center'>Copyright © August 2008 DHUWUH, Personal Inc. All Rights Reserved.</a></p></div>



8. Preview dahulu, klo dirasa cukup dan berjalan dengan normal, kemudian Save Template dan lihat hasilnya.

Source : http://dhuwuh.blogspot.com/2008/08/tips-membuat-navbar-footer-transparan.html

Related Posts by Categories :