Tips Membuat Navbar Footer Transparan Yang Melayang Di Blog Kita

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 :


5 comments:

rey said... on February 5, 2011 at 11:28 PM  

makasih infonya, skalian mau tanya gimana caranya agar navbar asli blogger tidak hilang ketika scroll mouse diputar

oNez al Ghifari said... on July 18, 2012 at 1:27 PM  

Info yg sangat membantu, benar benar posting yg sangat bagus,
akan saya modifikasi dan pasang di blog saya, semoga berhasil.
thanks.

Louboutin UK said... on October 4, 2012 at 1:22 PM  

Variety is so beautiful! In the minds of many white-collar workers, Belle BELLE has a place, she is elegant, refined and beautiful. In the fall of 2010,

Post a Comment

"Using DOFOLLOW System. Pease don`t SPAM!!!"

Thanks To Comment My Articles. God Bless You People.

Add to Technorati Favorites

Technorati Ping To Your Blog
Including Yours E-Mail Address To Subscribe New Tricks