Hidden Navbar

Navbar ini nantinya akan kelihatan transparan, dan akan kelihatan nyata kembali apabila pointer mouse berada di navbar tersebut. Dan sekalian penulis akan menyertai juga cara membuat navbar tersebut menghilang, dan akan kelihatan nyata kembali apabila pointer mouse berada di navbar tersebut.

Untuk mengetahuinya, silahkan ikuti langkah-langkah berikut ini :

1. Login ke blog anda
2. Klik Edit HTML
3. Silahkan cari kode berikut ini di dalam template anda

#navbar-iframe{ .......... }

4. Setelah ketemu, ganti semua kode tersebut dengan salah satu kode di bawah ini

kode untuk kelihatan transparan :

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

kode untuk tidak kelihatan sama sekali (menghilang) :

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

5. Klik Pratinjau untuk melihat hasil kerja anda
6. Klik Simpan Template jika seandainya sudah sesuai dengan keinginan anda
7. Selesai

Artikel Terkait:

trik blogger

• Membuat Menu Scroll Pada Artikel terkait
• Pasang Iklan Dibawah Postingan
• Membuat page number / nomor halaman di blog
• memelihara sesuatu di blogmu
• Cara menampilkan judul posting tanpa isi (halaman) posting
• Cara mengontrol jumlah posting pada halaman Label (Kategori)
• Cara Menghilangkan Tulisan Undefined pada Blog
• Cara Membuat Text Berkedip
• Tips Supaya Blog Muncul di Search Engine
• Cursor Dengan Bintang Kecilnya