Menampilkan Navbar Hanya Saat Disorot Mouse

Menyembunyikan navbar blogspot dan menampakkanya saat disorot mouse. Cara ini tentunya lebih arif ketimbang menghapus navbar blogspot tersebut pada halaman blog anda, karena cara ini tidak melanggar Blogger TOS.

NAVBAR TERSEMBUNYI

Bagaimana cara menyembunyikan navbar blogspot dan menampilkanya saat disorot oleh mouse ? Ikuti langkahnya dibawah.

1. Masuk akun blogger anda.

2. Pilih template, klik Edit HTML, dan klik Expand Widget

3. Cari kode ini

]]></b:skin>

4. Stelah ketemu, tambahkan kode dibawah ini sebelum ]]></b:skin>

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

5. Save template anda

MENGHAPUS NAVBAR

Lalu bagaimana caranya bila anda ingin menghapus navbar blogspot tersebut ?
Anda tinggal mengganti saja kode yang ditambahkan di atas dengan kode ini

#navbar {height:0px; visibility:hidden; display:none; }

Atau bisa juga kode ini

#navbar-iframe {display: none !important;}

Kemudian save template. 

NAVBAR TRANSPARAN
Kalau anda ingin membuat navbar transparan agar menyatu dengan warna blog anda.
Silahkan ganti kodenya dengan kode yang ini
 
#navbar-iframe {opacity:0.2; filter:alpha(Opacity=0) }
#navbar-iframe:hover {opacity:0.5; filter:alpha(Opacity=100, FinishedOpacity=50)}

Setelah selesai jangan lupa save templatenya.

Dan lihat hasilnya

Postingan yang Bersenggama