Setting Navbar Blogger

What is navbar ? The Blogger Navbar appears by default at the top of every Blogger-powered blog. The Navbar is available in several colors, and is configured in the Template tab in Blogger's interface. If you are using a classic template, you'll see a menu from which you can select a color. For blogs using Layouts, just click the "edit" link on the Navbar page element. (google support)

Ada hal yang menarik yang berkaitan dengan "Navbar Blogger". Jika kita perhatikan pada template-template blogger yang tersedia diinternet, Navbar terkadang diperlihatkan, dihilangkan, bahkan hadir dengan tampilan auto hide. Posisi Navbar ini biasa diatas judul blog. Masing-masing autor blog memiliki kreasi tersendiri. Apakah berpengaruh pada blog?

Tentu, semua untuk keperluan blog ada di navbar. Seperti fasilitas login, anda tidak susah-susah membuka halaman baru pada web browser. Selain itu membuat tampilan blog lebih elegan.
Berikut beberapa settingan yang berhubungan dengan Navbar :

Show / Hide navbar blogger :
1. Login to blogger account
2. On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog’s HTML.
3. Delete the code below to show the Navbar :

#navbar, #navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

or Add that code to your css code to hide the Navbar.

Auto Hide setting :
Pada halaman Edit HTML, cari kode body { kemudian letakan kode dibawah ini diatas kode body {

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

Transparant Setting:

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

Untuk setting selanjutnya anda cukup merubah angka pada Opacity, dan Fisihed Opacity sesuai kebutuhan.