Display Navbar on Mouseover

"Display Navbar on Mouseover" mungkin menjadi pilihan tepat bagi beberapa blogger yang tetap menginginkan keutuhan fungsi navbar. Penggunaan "Display Navbar on Mouseover", pada template berfungsi untuk menghilangkan navbar pada tampilan blog, tetapi navbar akan muncul kembali pada saat cursor menyentuh bagian navbar yang tersembunyi. Dengan cara seperti ini menjadikan navbar tetap berfungsi sebagaimana mestinya.

Cara menggunakan Display Navbar on Mouseover :

1. Login ke Blogger.
2. Halaman Dasbor (Dasboard).
3. Klik Rancangan (Design).
4. Klik Edit HTML.
5. Klik Download Template Lengkap (Download Full Template) » Proses Backup template.
6. Simpan file template di folder PC.
7. Cari kode ]]></b:skin>.
8. Copy dan paste-kan kode CSS berikut di atas kode ]]></b:skin>, kemudian lanjutkan dengan,
9. Klik Simpan Template (Save Template).

Kode CSS display navbar onmouseover:

#navbar,#navbar-iframe{
       transition:1s;
       -o-transition:1s;
       -moz-transition:1s;
       -webkit-transition:1s;
       -ms-transition:1s;
       opacity:0.0;
       filter:alpha(opacity=0);
}
#navbar:hover,#navbar-iframe:hover{
       opacity:1.0;
       filter:alpha(opacity=100);
}

Keterangan/Catatan :

- Untuk lebih memudahkan dalam melakukan pencarian KODE HTML sebaiknya selalu lakukan dengan memanfaatkan fasilitas yang telah disediakan dengan cara KLIK bersamaan Ctrl + F (pada keyboard).

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » Senin PAHING, January, 30, 2012

» Happy Blogging - gubhugreyot «