Pada umumnya, template2 baru untuk blogger menghilangkan nav-bar paling atas, tetapi sebetulnya Blogger tidak merekomendasikan hal tersebut. Baik Blogger maupun Google akan memberi sangsi karena menghilangkan nav-bar ini. Ada baiknya kita tunjukkan sedikit penghargaan ke blogger dengan membuat logo kecil blogger ataupun tidak menghilangkan bagian nav-bar ini. (blog ini juga awalnya ngilangin nav-bar he he he 


Memang keberadaan nav-bar ini sering gak sinkron dengan template yang dipakai. Untuk itu kita masih bisa memunculkannya tetapi hanya saat mouse pengunjung diarahkan ke bagian atas blog kita (mouse-over).
Jangan lupa download template kita kalau nanti terjadi kecelakaan dalam meng-install trik ini. (tanggung jawab sendiri). Kalau sudah lanjut ke berikutnya.
Klik-> Layout -> Edit HTML -> cari kode ini: (kode yang bikin nav-bar gak kelihatan)
Kalau sudah ketemu, hapus seluruhnya kemudian gantikan dengan kode dibawah ini pada tempat yang sama :



Memang keberadaan nav-bar ini sering gak sinkron dengan template yang dipakai. Untuk itu kita masih bisa memunculkannya tetapi hanya saat mouse pengunjung diarahkan ke bagian atas blog kita (mouse-over).
Jangan lupa download template kita kalau nanti terjadi kecelakaan dalam meng-install trik ini. (tanggung jawab sendiri). Kalau sudah lanjut ke berikutnya.
Klik-> Layout -> Edit HTML -> cari kode ini: (kode yang bikin nav-bar gak kelihatan)
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
Kalau sudah ketemu, hapus seluruhnya kemudian gantikan dengan kode dibawah ini pada tempat yang sama :
/* Blogger Navigation Bar */Jangan lupa preview dulu, jika tidak ada masalah (previewnya keliatan) maka template bisa di save dan selesai...
#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;
}


