Cara Mudah Auto Hide Dan Menghilangkan Navbar Blogger
Navigation Bar ?
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)
Sekedar informasi, menghilangkan navbar blogger (Navigation Bar) merupakan salah satu pelanggaran TOS Blogger, solusi lainya kita bisa menggunakan Auto hide navbar Blogger. Cara
kerja Auto hide, ketika pengunjung mengarahkan mouse ke bagian atas
maka navbar asli akan muncul begitu juga sebaliknya jika pengunjung
penggeser mouse ke bawah (tidak dalam area navbar) maka secara otomatis navbar tersebut akan di hilangkan.
Cara memasangnya (AUTO HIDE) :
Pada halaman Edit HTML, cari kode body { kemudian letakan kode dibawah ini diatas kode body {
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Kalo Soba Mau menyembunyikan secara permanen.. berikut caranya :
![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;
}
Selamat mencoba :)
0 Response to "Cara Mudah Auto Hide Dan Menghilangkan Navbar Blogger "
Post a Comment