Ada hal yang menarik yang berkaitan dengan "Navbar Blogger". Jika kita perhatikan pada template-template blogger yang tersedia diinternet, Navbar terkadang diperlihatkan, dihilangkan, bahkan hadir dengan tampilan auto hide. Posisi Navbar ini biasa diatas judul blog. Masing-masing autor blog memiliki kreasi tersendiri. Apakah berpengaruh pada blog?
Tentu, semua untuk keperluan blog ada di navbar. Seperti fasilitas login, anda tidak susah-susah membuka halaman baru pada web browser. Selain itu membuat tampilan blog lebih elegan.
Berikut beberapa settingan yang berhubungan dengan Navbar :
Show / Hide navbar blogger :
1. Login to blogger account
2. On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog’s HTML.
3. Delete the code below to show the Navbar :
#navbar, #navbar-iframe {or Add that code to your css code to hide the Navbar.
height: 0px;
visibility: hidden;
display: none;
}
Auto Hide setting :
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)}
#navbar-iframe { opacity:0.2; filter:alpha(Opacity=0); }
#navbar-iframe:hover { opacity:0.5; filter:alpha(Opacity=100, FinishedOpacity=50); }
Untuk setting selanjutnya anda cukup merubah angka pada Opacity, dan Fisihed Opacity sesuai kebutuhan.
Ada info bagus neh tentang navbar di blogspot yah.. Meskipun saya memakai theme WP, tapi info ini berguna buat referensi bila sewaktu2 saya ingin buat blog baru di blogspot.. nice posting :)
BalasHapusThanks soo much fore your code to get rid of the nav-bar! Works great! 1000 smiles!
BalasHapus@ Butik Bella :
BalasHapusTerimakasih kunjungannya. tulisan diatas sengaja di posting buat membantu mengatasi masalah navbar yang sering terkendala. terutama buat saya sendiri yg sering ngoprek template (biar nggak lupa). semoga membantu...
Woaw !! That's great and so easy!
BalasHapusit's brilliant.
Just to let others know, I also changed the text to an image aligned to the left, so those who navigate through the navbar woudn't have to look for it. (See it on my blog).
Thanks again.
Makasih untuk tipsnya sob...
BalasHapusudah kupraktekkan tuh...
BalasHapusthx...
Sebaiknya memang navbar tetap dipasang. dengan tutorial diatas semakin jelas berbagai cara dan gaya untuk menampilkan navbar ... makasih shob ...
BalasHapus@ Syahida Computer
BalasHapusTerimakasih..semoga tulisan diatas membantu. keep blogging ^-^
great tip!
BalasHapusworks for me – I’ve incorporated my blog into my company website using an iframe to drop it in below the main top section & nav for the site, thereby maintaining the overall look & feel of the site – the nav bar would ruin the effect, so it’s great that this tip works!
Wew,,,,manstab infonya Sob.
BalasHapusJangan lupa kunjung balik Ya,,
Kalau cara menambahkan navbar di blog ada tidak????
BalasHapus@ KangTiar
BalasHapusAda kang,.. coba lihat pada bagian "show/hide navbar blogger". kalo blom ada, script diatas bisa ditambahkan. tp kalo mau dihilangkan, script tersebut dihapus saja. hanya Add and Delete kang..
kecil tapi kena, begitulah postingan mas kali nie.berkunjung sambil niat barter link ni hehe..
BalasHapusdi tunggu komentarnya di rumah..
Mantab nih blog nya.. Keep Spirit and Smile
BalasHapusThank you so, so, so much! I tried 3 other things like this but your's was the only one that worked for me.
BalasHapusgreat job!
It is the great learning. I wish there was a way to learn earlier .
BalasHapussipp udh bisa yg ini ^0^
BalasHapusPake Artisteer ga' butuh nyang begituan Neng...
BalasHapusok akan saya coba mas
BalasHapusterlepas dari pro dan kontra (dihilangkannya) navbar, tapi saya masih adem tuh menghilangkannya (doh)
BalasHapusTrik baguss Iru... btw, lama dah ga mampir, ganti baju ya.. ? sukses dehh!
BalasHapusnice info shob,... makasih sharingnya.. bermanfaat
BalasHapusApa khabar Neng?
BalasHapusVisit2 balik lah, bantu saya klik iklan or follow, thank's...
http://ifanqomarudin.blogspot.com/
nice info sobatku....mantap punya nihh...
BalasHapusmakasih ya izin coba... :))
visit balik ya sob bila berkenan
http://ezhaowzy.blogspot.com
trim's infonya
BalasHapustrim's infonya
BalasHapustips yang bermanfaat mas
BalasHapussalam kenal.asyik bisa tau blog nya mas .
BalasHapussalam knal mas....
BalasHapushttp://komikblaze.blogspot.com/2010/11/baca-komik-naruto-bahasa-indonesia.html
http://komikblaze.blogspot.com
baca komik naruto bahasa indonesia
baca komik one piece bahasa indonesia
makasih atas ilmunya bermnfaat sekali soalnya ane juga pake blogspot....
BalasHapusikut nyimak gan.....mantap
BalasHapus