Carang menghilangkan NAVDAR

Mungkin anda
kadang melihat blog
yang masih
menampakkan
navigasi bar.Secara
default saat anda
membuat blog,akan
tampak navigasi bar
yang terletak di
bagian atas blog.
Navigasi bar berguna
untuk mempercepat
login ke account blog
anda untuk mengedit
atau menambah
postingan. Karena
anda bisa langsung
menekan tombol
Sign in untuk masuk
ke dashboard blog
anda.
Jika anda telah
menghilangkannya,
maka untuk
melakukan
pengeditan atau
menambah
postingan, anda
harus log in ke
account blog anda
pakai url:
http://
www.blogger.com
Untuk
menyembunyikannya,
anda bisa gunakan
prosedur berikut:
1. Login ke
dashboard anda
2. Pilih Tata Letak =>
Edit Html => Centang
"Expand Template
Widget"
3. cari kode seperti di
bawah ini
![CDATA[
4. Masukkan kode
berikut setelah kode
di atas
#navbar {
height: 0px;
visibility: hidden;
display: none;
}
5. Klik tombol SIMPAN
Template. Silahkan
Lihat perubahan
pada blog anda.
Catatan:
Jika di template
anda menemukan
kode
/*-- teks */
letakkan script
setelah /* --teks --
*/
karena script atau
teks yang ada dalam
cakupan /* teks */
tidak diproses,
karena dianggap
sebagai keterangan.
Contoh:
![CDATA[/*
-----------------------------------------------
Blogger Template
Style
Name: Rounders 3
Date: 27 Feb 2004
Updated by: Blogger
Team
-----------------------------------------------
*/
diubah menjadi:
![CDATA[/*
-----------------------------------------------
Blogger Template
Style
Name: Rounders 3
Date: 27 Feb 2004
Updated by: Blogger
Team
-----------------------------------------------
*/
#navbar {
height: 0px;
visibility: hidden;
display: none;
}
Selain
menghilangkan
navbar, kita juga
dapat membuat
navbar autohide,
yaitu navigation bar
(nav bar) akan
muncul saat mouse
beada di posisi paling
atas blog, jika mouse
digerakkan/atau
dipindahkan dari
lokasi navbar, maka
navbar akan
menghilang
(disembunyikan)
Untuk membuat
navbar autohide,
cukup ganti kode
#navbar {
height: 0px;
visibility: hidden;
display: none;
}
menjadi:
#navbar-iframe
{opacity:0.0;filter:alpha
(Opacity=0)}
#navbar-
iframe:hover
{opacity:1.0;filter:alpha
(Opacity=100,
FinishedOpacity=100)} s