Membuat Navbar Menghilang atau Sembunyi otomatis

Navbar Menghilang
-----------------------
Caranya

• Login ke Blogger
• masuk ke "rancangan --> Edit HTML
• Backup dulu klo takut gagal
• Centang "Expand Template Widget"
• Cari kode ]]></b:skin>
• Copy kode dibawah ini dan letakkan kode tepat diatas kode yang kamu cari tadi

/* hilangkan navbar
----------------------------- */

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

• Simpan 
• selesai, lihat deh hasilnya 

Navbar Auto Hide

----------------------

Caranya

• Login ke Blogger
• masuk ke "rancangan --> Edit HTML
• Backup dulu klo takut gagal
• Centang "Expand Template Widget"
• Cari kode body { , kemudian lekkan kode dibawah ini tepat diatasnya :

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

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

•  Simpan
• Selesai, lihat deh hasilnya

By : ParaKite'site'

Mau Copy?
Silahkan ambil Kode berikut :klik no edit
Navbar Menghilang<br /> -----------------------<br /> Caranya<br /> <ul><li>Login ke Blogger</li> <li>masuk ke "rancangan --> Edit HTML</li> <li>Backup dulu klo takut gagal </li> <li>Centang "Expand Template Widget"</li> <li>Cari kode <blink style="color: orange;"><b>]]></b:skin></b></blink></li> <li><blink style="color: orange;"></blink>Copy kode dibawah ini dan letakkan kode tepat diatas kode yang kamu cari tadi</li> </ul><div style="font-family: "Courier New",Courier,monospace; text-align: left;">/* hilangkan navbar<br /> ----------------------------- */<br /> <br /> #navbar-iframe {<br /> height:0px;<br /> visibility:hidden;<br /> display:none<br /> }</div><div style="text-align: left;"><ul><li>Simpan </li> <li>selesai, lihat deh hasilnya </li> </ul></div><div style="text-align: left;">Navbar Auto Hide</div><div style="text-align: left;">----------------------</div><div style="text-align: left;">Caranya </div><div style="text-align: left;"><ul><li>Login ke Blogger</li> <li>masuk ke "rancangan --> Edit HTML</li> <li>Backup dulu klo takut gagal </li> <li>Centang "Expand Template Widget"</li> <li>Cari kode <blink style="color: orange;"><b>body { </b></blink>, kemudian lekkan kode dibawah ini tepat diatasnya :</li> </ul><span class="fullpost"><span style="font-size: xx-small;"><b><span style="font-family: "Courier New",Courier,monospace;">#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}</span><br style="font-family: "Courier New",Courier,monospace;" /><br style="font-family: "Courier New",Courier,monospace;" /><span style="font-family: "Courier New",Courier,monospace;">#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}</span></b></span></span><br /> <ul><li> Simpan</li> <li>Selesai, lihat deh hasilnya</li> </ul><br /> <div style="text-align: right;">By : <a href="http://buzzsites.blogspot.com/">ParaKite'site'</a></div>