Submit

37
Auto Hide pada Navbar Blogger

Sudah saya informasikan sebelumnya bila 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:


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

 

Selamat mencoba :)


Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari o-om.com di inbox anda:


37 comments:

Udin Gondrong mengatakan...

Kokz, ga bisa yah.. kode nya malah keliatan di web..?!

afrid fransisco mengatakan...

iya, oom betul melanggar TOS

OOM mengatakan...

@Udin Gondrong : oh ya maaf kemaren salah masukin letak kodenya..coba yang sekarang pasti bisa :)

@afrid fransisco : masih ragu juga ya..banyak juga yang ngilangin tapi gak masalah :)

Kang Iping mengatakan...

ibarat jalan jalan ke tempat yang baru, o-0m blog peta terindahku...
tx om jangan berhenti nulis yaa

OOM mengatakan...

@kang iping : thanks dah percayaan ke blog om :)

bani risset mengatakan...

Kalo auto hide itu pasti tidak melanggar TOS om?

Dzakir Billah mengatakan...

Salam Kenal Om trus Makasih template nya ya.. dan makasih atas Ilmunya :D

paank Fachrezi mengatakan...

Suippp! pak. bekerja dengan baik.
Trims, gw belajar banyak dr blog anda ini.

Salam,

urek-urek-urek

paank
(http://paankbilang.blogspot.com)

BLOG BARTERDOKU mengatakan...

wah kalo suadah dihilangkan navbarnya gimana seperti di http://www.konsultanide.blogspot.com

govit mengatakan...

makasih om,dah dilaksanakan dan berhasil

THE BEST AND TRUSTED PTC SITES mengatakan...

:))

kamjak mengatakan...

thanks bro!!!!!
http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif
http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif

Samuel Limawan mengatakan...

Thanks utk info yg bermanfaat.

Saya coba & kalo dibuka pake Mozilla firefox ok tapi kalo pake IE7 ngga mau muncul lagi tuh.

Saya coba di http://bizonware.blogspot.com/

blue_chionn mengatakan...

yey.. makasih ya ^_^
usefull banget :D

chachaLUVp!nk mengatakan...

tau x mcm mane nak hide older / newer post link di bawah post?

NAZA LUCKZANA mengatakan...

bos template yang tak pake udah dari negaranya emang nggak ada navbarnya.terus gimana biar punyaku bisa buat seperti ini pak bos?

Ahmad Sheva mengatakan...

@ NAZA : biasanya ada code seperti ini (mohon d betulkan om klo salah) :

#navbar, #navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

nah , , itu d hapus aja . d ganti kode dari om . udh saya coba dan bisa . ;)

Anonim mengatakan...

om saya dah berhasil autohide tapi ga benar2 autohide karena timbul warna putih kalo mousenya ga lewat navbar.. gimana om..

ferry mengatakan...

Berhasil om tapi gk kya auto hidenya windows ya......, jadi autosize ke atas..., ko mo biki jdi autosizenya dah ada blom om :D, ditunggu inovasi berikutnya....

Remba mengatakan...

O-om mampir ke blog ku dunkzzzzzzzzzz!!!!!!!!!!!

D'Art mengatakan...

ngulang deh ;)) om klu buat gambar obeng nya hilang gimana? mmh biar gak macam dibengkel gitu:-t

Ferdian Karambut mengatakan...

Saya coba langsung bisa..
keren bgt..
thx bgt ya Om..

Anto mengatakan...

Masih takut otak atik navbar nih, jangan jangan auto hide melanggar TOS juga, salam kenal ya om

Ghustie Samosir mengatakan...

Mantap, akhirnya bisa juga :D

Regards,
Ghustie Samosir

www.hanyainfo.blogspot.com

Beben mengatakan...

navbar ilang, id masih blogspot.com....wakwkwkwkwkkw =))...nasib2...pisss maju terus ahh OM ....P o H

Kurniawan mengatakan...

Terima kasih banyak, atas ilmunya. Sudah kupasang cuma kelihatannya bagian atas blog saya banyak yang kosong karena tadinya diisi oleh menu vertical dan sekarang menunya turun tinggal gambar body diatas. gimana oom supaya bisa ditutupi ruang yang kosong itu?
makasi sebelumnya.

Chandra mengatakan...

kalo pihak google tau blog kita navbar nya ga ada (di hapus). ancaman buat yang punya blog (akun blog/gmail bisa di hapus). jadi cari aman aja. auto hide solusinya. jangan melanggar TOS yang sudah di tetapkan Google. salam kenal semuanya...

Sundea mengatakan...

Saya yg gaptek ini menyembunyikan navbar urbach di blog saya... =D Sungguh kemajuan yang berarti ... hehehehe ... =p

Silakan main ke : http://www.salamatahari.com/

Yogi Harits dot com mengatakan...

OM thanks ea keren abis dah jadinya blog saya pake template dari om trus pake ilmu dari om juga hehe....hee....

thanks ya Om Suskses Selalu.....

Bloggersetu (Igoey)

raidzam mengatakan...

Om,tks yah, n lam kenal,,,

Rahasia Belajar SEO mengatakan...

Mantap KANG, O-om Kueren Euy..!!

Top MARKOTOP ...!!

la_jamal mengatakan...

makasi mas...., nice infonya...., jangan lupa jalan-jalan di blogQ.... http://lajamal.blogspot.com/

thank's !!!

Zero-69 mengatakan...

Hatur nuhun Om :)

Kevin Yuwono mengatakan...

O-om Auto-hide gak melanggar TOS kan??? kalo mlanggar kan bisa GAWAT!!! Percaya aja dehh............ yang penting gak melanggar kan????
>.<

Nino mengatakan...

di blog ini navbarnya udah di hidden (bukan auto hide)
memang blogspot udah izinkaan ya?

Admin mengatakan...

Internet gratis PC smart terbaru dengan ISPce(Bisa Https)
Bisa Download/Upload
tesedia 3 pilihan Query smart ISPce Terbaru yg lebih cepat

Internet gratis PC Flexi dengan Your Freedom(Bisa Https)
Bisa Download/Upload

Internet gratis PC,Three,Telkomsel,Axis,XL
Dengan Squid(Bisa Https)Tidak Bisa Download/Upload

Internet gratis HP All Operator GSM
(Bisa Https)Bisa Download/Upload

Note:
Semua Trik Telah Di Uji Coba hampir di seluruh kota di indonesia & 100% Berhasil,Masih jalan sampai sekarang 24 juni 2011

Info Lengkap Silahkan Kunjungi:http://ada-gratis.blogspot.com

dden mengatakan...

kode untuk body { ko banyak ya di templatenya, yang harus diganti yg mana ? apa semuanya aja?

Poskan Komentar

Silahkan beri komentar dengan bijak dan jangan sampai komentar anda masuk dalam {COMMENTS SPAM}. Thanks

 

About Agus Ramadhani

Agus RamadhaniAgus Ramadhani dan lebih dikenal dengan panggilan OOM memulai kegiatan Blogging sejak tahun 2007 hingga sekarang. Saat ini dia focus sebagai profesional Blogger dan menjadi penulis dibeberapa blog miliknya yang cukup populer diantaranya..

Anda dapat menemukan OOM pada Twitter, Facebook dan Google+ dan Anda juga dapat menghubunginya di oom[at]o-om.com

GRATIS BLOGGER TEMPLATES

  
Segera konfirmasi email anda agar saya bisa mengirimkan template terbaru gratis ke email anda.