Cara menghapus atau menyembunyikan Navbar di Blogger

Apa Itu Navbar Blogger?

Navbar Blogger muncul secara default di bagian atas setiap blog di Blogger.
Ketika sobat blogging, Navbar bisa menjadi hal yang sangat berguna.

Keuntungan dari Navbar adalah:
- Mudah mencari blog lain
- NextBlog - membawa sobat ke sebuah blog, acak Blogger baru-update
- Link cepat ke Dashboard sobat dan "Masuk / Keluar" dialog
- Klik pada tanda B membawa sobat ke blogger.com

Kerugian satunya adalah visual. Jika sobat telah mensesuaikan desain dengan template sobat sendiri, tentu seringkali banyak diantara sobat sobat sekalian yang merasa tidak cocok dengan Navbar tersebut. Nah untuk itu saya berikan tutorial ini untuk sobat :D

Cara MENGUBAH, MENGHILANGKAN atau MENYEMBUNYIKAN Navbar

Sobat memiliki 3 pilihan di sini:
1. untuk mengubah warna saat Navbar
2. untuk menghapusnya
3. peek-a-boo ► akan muncul ketika sobat menempatkan kursor mouse di atasnya

1. DASHBOARD ► LAYOUT ► PAGE ELEMENTS, klik "Edit" di kotak Navbar, dan sobat dapat memilih antara 4 desain warna differnt.

2. Nah, jika sobat telah memutuskan untuk MENGHAPUS Navbar sobat, ikuti petunjuk ini ...  

Sebelum sobat melakukan apapun, back-up template kecil sobat. Lalu pergi ke:
DASHBOARD ► LAYOUT ► EDIT HTML, dan di bagian kode html sobat akan menemukan kode di bawah ini. (tepatnya di bagian awal)

Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

  

Tempatkan kode berikut tepat di bawah itu:

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

Simpan Template. Dan Lihat Blog.

Beberapa orang melaporkan bahwa menempatkan kode seperti diatas, mengacaukan template mereka. Dalam hal ini, sobat harus menempatkan kode ini DIATAS kode warna merah (tidak akan merah dalam kode):

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

]]></b:skin>
</head>

3. Ada cara lain untuk menunjukkan suatu Navbar. Ini disebut: "Hover Peek-a-boo Blogger Navbar". Ini adalah cara untuk menyembunyikan Navbar, tetapi ketika sobat menyorot sekitar daerah di atas, maka muncul keluar.

Berikut adalah bagian dari kode yang sobat harus masukan untuk efek itu (di tempat yang sama seperti contoh di atas):

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

Perlu diingat bahwa itu tidak kompatibel dengan:
- IE6 & IE7 (di sana, itu benar-benar tersembunyi)
- Bekerja pada Opera 9.0 dan Opera 9.0 keatas

Dengan Firefox, Iceweasel (linux), Flock, MZS6, Netscape, Safari & camino (linux), ini bekerja dengan sempurna ...

Semoga Bermanfaat :D

KLIK DISINI UNTUK DOWNLOAD