Menampilkan Navbar Hanya Saat Disorot Mouse

Nazie Anaz | 07.37 |
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



Comments
0 Comments

0 komentar :

Poskan Komentar

Silahkan tulis komentar atau sumpah serapah anda disini.
Belum tahu cara berkomentar? klik saja DISINI