Thursday, March 15, 2012

Browse » Home » , , , , » Cara Menghilangkan Atau Auto Hide Navbar pada Blogger

Cara Menghilangkan Atau Auto Hide Navbar pada Blogger

Di bagian atas blog Blogger terdapat sebuah navigasi blog yang biasa disebut NavBar, dimana dengan NavBar tersebut memungkinkan kita untuk masuk ke Blogger, mencari blog-blog, pergi ke blog selanjutnya, merombak blog, dan sebagainya. Akan tetapi kebanyakan dari pengguna blog ingin menghilangkan NavBar blogger tersebut agar tampak lebih professional. Berikut adalah tutorialnya:

Langkah pertama, pergi ke Design > Edit HTML

 
Cara Menghilangkan NavBar

Cari kode ]]></b:skin> dan tepat diatasnya, letakkan kode dibawah ini:

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

Klik tombol preview, dan NavBar pun akan tidak terlihat. Lalu klik tombol save.


Cara Auto-Hide NavBar Blogger

Cari kode ]]></b:skin> dan tepat diatasnya, letakkan kode dibawah ini:

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

Opsi diatas akan menyebunyikan NavBar Blogger. Kapanpun kita memindahkan kursor ke bagian atas template Blogger kita, maka NavBar pun akan terlihat kembali.


Cara Menghilankan NavBar Blogger Secara Keseluruhan

Sebelum kode </head> letakkan kode dibawah ini:

<!-- <body>
<div></div> -->

Cara diatas tidak hanya menghilangkan NavBar Blogger, akan tetapi juga menghilangkan tombol ‘quick edit’ dan tombol ‘wrench’.

Labels: , , , ,

0 comments:

Post a Comment