Jika sobat ingin mencobanya,
simak caranya berikut ini:
1. Login blog
2. Rancangan
3. Edit html
4. Hapus kode
#navbar-iframe {height:0px;visibility:hidden;display:none}
atau yang mirip seperti kode di atas.
5. Gantikan dengan kode berikut
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Kode di atas adalah kode transparant autohide.
Lebih menaik lagi jika di tambahkan gambar
Kodenya berikut ini:
#navbar-iframe{opacity:0;-moz-opacity:0;filter:alpha(Opacity=0);background:#000 url(http://i877.photobucket.com/albums/ab333/PlebitaAl100/OTHER%20PICS/line.gif) center repeat;}#navbar-iframe:hover{opacity:0.4;-moz-opacity:0.4;filter:alpha(Opacity=40);}
Kemudian simpan.
Selanjutnya ke rancangan danpilih navbar yang transparant
Selanjutnya simpan.
Gambar dapat di ganti sesuai keinginan
Contoh gambar yang dapat di gunakan:
Selamat mencoba deh.
Semoga tutorial tentang cara membuat navbar autohide dengan gambar pada blog bermanfaat.
Ditulis Oleh : Unknown ~ http://cokawaii.blogspot.com
KAmU BaRu aJa mEmBaCa aRtIkEl tEnTaNg Cara membuat navbar autohide dengan gambar pada blog. KamU BoLeH CoPaSt aRtIkEl iNi, BuT JaNgAn lUpA UnTuK MeNcAnTuMkAn lInK SuMbErNyA. THaNkS FoR ViSiT...
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Ash Princess Kawaii
Posting Komentar