Mei 01, 2012

Cara membuat navgar blog menjadi transparan

Ingin memiliki navbar tapi nggak selalu tampil di depan blog kalian. Soalnya kalo terlihat sepertinya tampilannya kurang dinamis dan terkesan blog banget. Kalo nggak ada, kan seperti web gtu. skrg ayo kita buat transparant aja navbar blog yang kita punya. Caranya :
1. Masuk ke Blogger
2. Klik Rancangan
3. Klik Edit HTML
4. Centang Expand Widget Template untuk berjaga2 kalo ntar ada kode yang error
5. Cari kode ]]></b:skin>
6. Letakkan kode dibawah ini persis diatas kode no 5 itu
#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:0.5;filter:alpha(Opacity=100, FinishedOpacity=50)}

7. Save template ..

Kalo ogak jadi kemungkinan ada kode sebelumnya yang dipasang sama blogger semua untuk menghilangkan navbar. coba hilangkan kode dibawah ini dulu :
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Kode itu letaknya di atas ini body {

Sekarang pasti dah jadi. silakan letakkan cursor anda. letak navbar paling atas itu letaknya diatas header.
semoga bermanfaat ..

1 komentar: