Navbar berada di bagian atas Header Blog. Navbar merupakan menu Horizontal yang terdiri atas kotak pencarian dan beberapa link seperti Link Bebagi, Link Laporkan Penyalahgunaan, Link Blog Berikut, Link Buat Blog dan Link Masuk. Navbar memiliki banyak tampilan warna seperti warna biru, hitam, silver, tan, transparan terang dan transparan gelap. Navbar merupakan fitur default dari sebuah template.
Sudah beberapa kali terjadi perubahan bentuk Navbar dari versi sebelumnya. Perubahan tersebut membuat Tampilan Navbar terlihat lebih bagus. Walaupun seperti itu, 95 dari 100 blog, menghilangkan fitur tersebut. Mungkin, mereka merasa dengan adanya Navbar, tampilan blog mereka kurang indah. Jadi kalau sobat blogger termasuk orang yang merasa seperti itu, ikuti tips menyembunyikan Navbar di bawah ini.
Cara Menyembunyikan Navbar :
- Log In di http://www.blogger.com/
- Pilih Layout kemudian klik Edit HTML
- Copy kode di bawah ini
#navbar-iframe {
display: none !important;
}
- Letakkan kode terebut sebelum kode /* Variable definitions (Untuk lebih jelasnya, perhatikan gambar di bawah ini) :
SEBELUM
SETELAH
- Kalau sobat blogger sudah mengikuti langkah di atas, SAVE template sobat
Pada beberapa template, kode di atas tidak bisa digunakan. Oleh karena itu, kalau sobat blogger memiliki template yang berbeda dan ingin menyembunyikan Navbar. Silahkan ajukan melalui kolom komentar di bawah ini, tentunya dengan menyertakan jenis template sobat.
Baca tutorial menarik lainnya di bawah ini :
Tips Trik Blog
- Membuat Teks Link Berkedap Kedip
- Cara Buat Tombol Hide and Show (Spoiler)
- Cara Membuat Salam Pembuka Blog
- Membuat Gambar di setiap Artikel Secara Otomatis SEO
- Membuat Judul Blog Berada di Tengah
- Cara Buat Tulisan Berjalan / Effect Marquee di Blog
- Cara Memasang Facebook Like Badge
- Cara Menampilkan Judul Artikel Saja di Home Page Blog
- Cara Menambahkan Syntax Highlighter pada Blog
- Cara Menghias Cursor Blog
- Blog dan Google Chrome
- Contact Us
- Cara Pasang Alexa Traffic Widget
- All About Anchor Text
- Cara Buat Navbar Auto Hide
- Cara Pasang Yahoo Emoticon di Blog
- Ayo Tukar Link!!!
- Cara Backup atau Download Template Blog Sendiri
- Cara Menambahkan Link Blog kita pada Widget Attribution
- Menghilangkan Bayang atau Border Pada Gambar Blog
- Cara Membuat Widget Berjalan atau Bergerak
- Cara Menyembunyikan Widget Attribution Power By Blogger
- Menyembunyikan / Menghilangkan Posted by, Share Button (Tombol Berbagi) dan Labels di Home Page
- Cara Buat Related Post atau Artikel Terkait
terima kasih gan , ini sangat membantu saya .
ReplyDeletesalam newbie dr pekalongan .
setelah sekian byk hasil googling tentang menyembunyikan navbar , saya br menemukan tutorialnya yang dilengkapi gambar nya .hehehe
sukses selalu buat agan
Sukses juga buat Cah Mbeying...
ReplyDeleteThanks for visiting Blogger Tutorial Blog
tu ngelanggar tos google gak ya?
ReplyDeletethank you a lot, Om..
ReplyDeletethe turtorial is very very meaningful for me as a beginner :)
nggak perlu susah2 mengganti html, ada cara simpel ko buat menyembunyikan dashbord navbar, liat aja di http://sinyalwifi.blogspot.com/2012/11/cara-simpel-menyembunyian-navbar-di.html
ReplyDeletebuwat blog lwat hp bisa gk agan,???
ReplyDeleteMantap
ReplyDelete