Selasa, 03 Agustus 2010

Membuat Navbar Blog Menjadi Transparan



Setelah sebelumnya z33s telah menjelaskan tentang cara menghilangkan Navbar pada Blog ( Hide Blogger navbar ), sekarang z33s akan menjelaskan cara untuk membuat navbar menjadi transparan. Mungkin navbar ini sudah banyak diterapkan pada template2 modern milik blogger tapi ga ada salahnya kan kalo kita belajar juga... ?

tahap-tahapnya sebagai berikut:

1. Login Ke blogger kalian
2. masuk ke Rancangan / tata letak
3. Masuk ke bagian EDIT HTML ( jangan lupa centang box Expand Widget Templatenya )
4. Copy kode dibawah ini diatas kode ]]></b:skin>

#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:0.5;filter:alpha(Opacity=100, FinishedOpacity=50)}


5. SIMPAN DECH TEMPLATEnya...

KETERANGAN :
== Untuk kalian yang menggunakan Auto hide Navbar, harus dihapus dulu kodenya.

Sekian dan terima kasih.

No comments yet