Thursday, February 26, 2009

MENYEMBUNYIKAN NAVBAR BLOGSPOT

Apa itu "navbar" di blogspot? Navbar merupakan singkatan dari navigation bar. Adanya di bagian paling atas halaman blog.

Navbar berfungsi untuk keperluan navigasi ketika berselancar di dalam blog. Navbar dibuat untuk menandai blog yang melanggar aturan, memudahkan pencarian blog yang lain, dan ketika sudah login memudahkan member untuk membuat postingan baru, dan kustomisasi.



Dalam hal blog yang melanggar aturan blogger.com atau Google, navbar menjadi salah satu cara untuk melaporkan adanya pelanggaran yang ditemukan oleh pengunjung blog. Karena itu navbar ini tidak boleh dihilangkan karena melanggar aturan blogger.

Namun disatu sisi, adanya navbar akan terkesan tidak profesional. Ini agak membingungkan dan menyulitkan kita sebagai blogger. Salah satu cara yang bisa dilakukan adalah menyembunyikan tapi tidak menghilangkan secara permanen.

Berikut caranya:
1. Masuk di Edit Html dangan lupa centang expand-nya
2. Copy kode ini:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
background: #8F8E8E;
width: 100%;
color: #000000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}
3. Paste kode (tempatkan) dibawah nama style template blogger anda
Contoh:
-----------------------------------------------
Blogger Template Style Name: Minima Stretch
Designer: Douglas Bowman / Darren Delaye
URL: www.stopdesign.com
Date: 26 Feb 2004
----------------------------------------------- */
4. Inilah gambaran keseluruhannya:
-----------------------------------------------
Blogger Template Style Name: Minima Stretch
Designer: Douglas Bowman / Darren Delaye
URL: www.stopdesign.com
Date: 26 Feb 2004
----------------------------------------------- */
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
background: #8F8E8E;
width: 100%;
color: #000000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}
5. Selesai dan Selamat Mencoba

No comments:

Post a Comment