Menyembunyikan dan menampakkan kembali (Toggle) Blogger Navigation Bar Secara Otomatis

Selain menghilangkan Blogger Nav Bar seperti yang pernah kita bahas sebelumnya, ada cara yang lebih baik yaitu dengan membuat Nav Bar tersebut dalam kondisi "Toggle", maksudnya Nav Bar tersebut akan tampak (keluar) pada saat pointer mouse kita letakkan pada posisi aslinya (paling atas dari halaman blog blogger kita), dan segera menghilang pada saat kita memindahkannya.

Agar bisa menjalankan fungsi toggle dari Nav Bar Blogger anda, maka anda bisa mengikuti langkah-langkah berikut,

1. Log in ke Blogger anda.
2. Pada Dashboard anda, pilih (click) menu Layout, kemudian click Edit HTML. Di bawah Edit Template itulah code HTML blog anda.
3. Tambahkan kode CSS Definition ini, pada posisi seperti terlihat di bawah :

/* Blogger Navigation Bar */
#navbar-iframe {
opacity:0.0;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;}

4. Apabila sebelumnya anda telah menambahkan code CSS Definition untuk menghilangkan Blogger Nav Bar (seperti yang pernah kita bahas di sini), maka anda harus menghapusnya terlebih dahulu dan baru menggantinya dengan CSS Definition pada #3.
5. Posisi akhirnya seperti terlihat di bawah ini: