Sabtu, 09 April 2011

Auto Hide Navigation Bar pada Blog

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)atau biasa disebut auto hide.

Caranya :

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)}

Setelah itu simpan dan lihat blog anda kembali..

Selain itu bisa juga disembunyikan secara permanen, tetapi Sekedar informasi aja, menghilangkan navbar blogger (Navigation Bar) merupakan salah satu pelanggaran TOS Blogger lhoo..!! hehe...


Caranya :

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, dan lihat perubahan pada blog anda.


Ada catatan:
Jika di template anda menemukan kode
/*--
teks
teks
teks
--*/

letakkan script setelah kode itu karena script atau teks yang ada dalam cakupan /*--teks--*/ adalah keterangan saja dan tidak akan di proses.



Okey dech selamat mencoba...

Tidak ada komentar:

Posting Komentar

Komentar anda