Sunday, 30 January 2011

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 : 

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;
}
Selamat mencoba :)


Cara Mudah Auto Hide Dan Menghilangkan Navbar Blogger 9 out of 10 based on 10 ratings. 9 user reviews.


Artikel Terkait

cElOTEh sObAT BLOGGER :

Ada 3 komentar ke “Cara Mudah Auto Hide Dan Menghilangkan Navbar Blogger”
bloekoetoek said...
 

berkunjung bro....link kamu udah saya pasang...salam persahabatan blogger selalu...keep spirits and do the best

Gudang informasi said...
 

saya punya solusi dan bakalan tidak melanggar TOS blogger
dan akan mengurangi pesan error waktu validate template.
silahkan lihat dan kunjungi blog saya lihat pada navbar bos semoga membantu anda.

:cendolbig :batabig :najis :marah :repost :2thumbup :matabelo :request :babyboy1 :sorry :travel :kimpoi :ultah :rate5 :bola :kbgt :iloveindonesia :nosara :berduka :hoax :dp :cekpm :thumbup :kr :nohope :ngacir :salahkamar :cool :mewek :babyboy :babygirl :95

ASSALAMU'ALAIKUM WR WB

BLOG ini DOFOLLOW _ Berkomenarlah Yang Baik Dan Sopan Zaaaa !!
Kalo Mau Pake EMOTICONS, sObat Hanya Cukup Menulisan Kodenya Saja... !! ( :10 :11 :13 :16 - :101 / :najis :travel :rate5 ) BE A FRIENDLY !