Kamis, Januari 29, 2009

Cara menghilangkan Navigasi Bar (Navbar) Blogger (Auto hide Navbar)

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





Artikel Terkait :



45 komentar:

dobloger mengatakan...

KOk ga bisa ya sob, masih nongol terus

But, tks infonya


Salam sahabat

Nuryaman E.H mengatakan...

Terima kasih tipsnya

minum_cendol mengatakan...

Makasih Mas hebat Banget...maklum aku New bieee...!!!!

Jhoel mengatakan...

Z dah coba cara ini tpi gagal...!

BRANDING mengatakan...

/* dihapus bisa koq

Astaga!lifestyle mengatakan...

thanks om dah bisa berkat tutorialnya,,

Phone Repairing mengatakan...

Om, udah saya coba tapi tetep aja navigasi itu muncul, kenapa ya? apa ada kode yang kurang? mohon bantuannya om, blog saya alamatnya :
http://mobile-repair-guide.blogspot.com

Celetukan Segar mengatakan...

Kalo cara yang menyembunyikan aja, ada nggak?

Azmi mengatakan...

trims mas suda berhasil www.simalungun-expose.blogspot.com

Awan Al-Jabatiy mengatakan...

makasih tips nya ya mas...
kalo bikin kolom "pasang iklan disni" bgimana ya ?

Artikel Komputer mengatakan...

@Phone repairing
Coba diperhatikan posisi /* ---- */, script harus berada di luar cakupan /* ---- */
@Celetukan Segar
Pakai script autohide
@aazis10
trims kembali
@D'Kurnia
1. upload gambar yang yang akan ditampilkan di dalam kolom iklan, bisa upload di blogspot atau di tinypic, catat url gambarnya
2. Masuk ke blogger, pilih Tambah gadget, kemudian pilih html/javascript
Masukkan kode berikut ke gadget html/javascript
<a href="#"><img src="url gambar">
tanda # diganti url tujuan saat iklan diklik

donlod mp3 gratis mengatakan...

kok punyaq jadinya kayak gini sich... mas.....
di www.mp3suka-suka.blogspot.com

mohon dibantu bagi temen-temen yang tau......

Artikel Komputer mengatakan...

Untuk membuat space pasang iklan bisa dilihat panduannya disini
http://www.komputerseo.com/2010/04/cara-membuat-banner-pasang-iklan-di.html

Yunus mengatakan...

Trims infonya ok...

TVI KEBUMEN mengatakan...

MANTAB...langsung coba...thanks...

FD HADI mengatakan...

Salam hangat Om,
btw Om thx a lot ilmunya...makin smngt bkin blog nich ^^
www.jakartakotajasa.blogspot.com

Coussland Store mengatakan...

waaahhh,., terima kasih atas infonya
infonya sangat membantu..

Semoga sukses selalu .

iBkey Sukses mengatakan...

Makasi infonya bro...ana langsung praktekin aja..
bos,boleh tukeran link?mohon dibantu,ana pemain baru ni..thanks a lot

araya mengatakan...

MAKASIH gan infonya lsg hilang tuh navbarnya, xixxi lam kenal gan dr newbie.

Ozziel Coolz mengatakan...

bang pertama sih ilang pas udah muncul alert ko muncul lg knp ya?

M Farid Prasetyo mengatakan...

Terima Kasih Banyak

Toko Online Kertas Bekas mengatakan...

thanks ya bro atas info nya. Beneran sangat membantu buat kita-kita yang newbie...

nova13 mengatakan...

saya sudah nyoba masbro, ha hai

Anonim mengatakan...

makasih bnyk ya bro
my blog : http://www.anggananda14.co.cc/

Unknown mengatakan...

aq dah coba kok masih nonggol bro,trus gmn lg he.....

ramalan sifat mengatakan...

udah gw coba dan berhasil! Thanks bro ...
mampir dong yg mo liat :
http://ramalansifat.blogspot.com/

1chip4alloperator mengatakan...

mantaf

Kerudung Paris Polos mengatakan...

udah dicoba, berhasil..

download lagu gratis mengatakan...

infonya buagus bgt

Unknown mengatakan...

thx tas infonya.. ^^

upgrade flshdisk mengatakan...

wah makasih bngt info_y

Ifah Hendriyanto mengatakan...

thanks infonya

Rizky Anggara mengatakan...

oke, thanks sob buat infonya :)

pulsa elektrik murah mengatakan...

ternyata caranya cukup mudah ya.thank udah share it

petualang web mengatakan...

makasih tipnya salam sukses

Beny Syakir mengatakan...

Ass,,,lam kenal, makasih infonya gan,

gentong-ilmu mengatakan...

isi dari blog ini sangat memotivasi saya sebagai pemula dalam pengembangan blog, saya akan sering mampir kesini untuk mengetahui tips dan trik terbaru.
salam blogger.

Mukti Effendi mengatakan...

Tutorial blog yang sangat bagus, saya banyak menimba ilmu di sini. Terima kasih bro

Mukti Effendi mengatakan...

Terima kasih atas sharingnya. Berguna banget

Suroso mengatakan...

Langsung berhasil ...
Thank ....

Feburita cantik mengatakan...

tks, sdh berhasil!

feburita cantik mengatakan...

terimakasih sdh berhasil, artikelnya sangat bermanfaat!

Ariez mengatakan...

Thanks gan.. gampang bgd.

mantap mengatakan...

kalau blognya dihapus masih bisa nggak buat blog lagi?tapi lain nama gimana tuh.......

id-herbal mengatakan...

sangat bermanfaat sekali info nya buat di pelajari ........