Navigation Bar atau yang disingkat dengan Navbar merupakan menu bar navigasi blog yang berbentuk frame panjang dan memiliki fungsi tertentu. Jika sobat membuat suatu website berplatfrom blogger dengan menggunakan template bawaan dari blogger maka biasanya kotak navbar ini dapat dilihat pada bagian atas blog atau disidebar. Namun kebanyakan orang, termasuk saya mencoba untuk menghapus fitur navbar ini. Kenapa? karena bisa merusak tampilan blog dan kelihatan kalau blognya adalah blog gratisan.. hehehe.
Nah, sebelum kita lanjut tentang cara menghilangkan Navbar pada blog, mungkin ada baiknya jika sobat mengetahui fungsi-fungsi dari Navbar. Navbar pada blog memiliki beberapa fungsi, yaitu :
- Logo Blog : berfungsi sebagai tombol untuk menuju halaman home
- Kotak Pencarian (Search) : berfungsi untuk mencari artikel atau postingan pada blog.
- Share Button Google+ : berfungsi agar pada visitor/pengunjung blog dapat merekomendasikan atau membagikan postingan kita ke profil Google+ miliknya.
- Lainnya : berfungsi untuk membagikan postingan ke social media seperti Email, Facebook dan Twitter. Juga disediakan tombol 'Laporan Penyalahgunaan' yang berfungsi untuk mengirim laporan jika pada blog yang bersangkutan didapati konten blog yang melanggar hak cipta atau pelanggaran lainnya.
- Blog Berikut : berfungsi untuk mengalihkan halaman website berplatform blog menuju blog yang lain secara acak.
- Entri Baru : berfungsi sebagai tombol untuk menambah postingan baru
- Desain : berfungsi untuk mengalihkan ke halaman template
- Masuk / Keluar : berfungsi sebagai tombol untuk membuka website blog yang dimiliki atau untuk keluar dari blog yang telah dibuka.
Bagaimana cara menghapus Navbar dari blog ?
Untuk menghapus fitur Navbar pada blog, sobat dapat melakukan salah satu dari 4 cara, berikut.
Cara pertama :
Untuk cara pertama ini tergolongan cara yang sangat mudah karena hanya tinggal menghapus fitur navbar pada tata letak blog.
1. Login Blog
2. Masuk pada halaman dasboard blog
3, Pilih Tata Letak dan klik 'Edit pada Gadget Navbar
5. Selesai dan sekarang navbar pada blog sobat sudah hilang.
Cara kedua
Cara lainnya adalah dengan menambahkan kode css di template blog. Tapi jika cara di atas sudah dilkaukan lah navbar, maka caraini tidak perlu dilakukan
1. Template > Edit HTML
1. Template > Edit HTML
2. Copy salah satu dari kode dibawah ini.
#navbar {display:none}
#navbar-iframe {display: none !important;}
#navbar, #navbar-iframe {height: 0px;visibility: hidden;display: none;}
#navbar-iframe {display: none !important;}
#navbar, #navbar-iframe {height: 0px;visibility: hidden;display: none;}
3. Kemudian paste kode tersebut ini di atas kode ]]></b:skin>
4. Terakhir klik save.
Cara Ketiga
Cara yang ketiga hampir sama dengan cara yang kedua yaitu menambahan kode css pada html blog. Yang berbeda hanya bentuk kode cssnya saja.
1. Sign in pada blogger sobat
2. Pilih template kemudian klik edit HTML
3. Centang "Expand Template Widget" (untuk blog versi baru tidak ada pilihan untuk dicentang)
4. cari kode </style> dan letakan kode dibawah ini tepat diatasnya: (template klasik). Atau cari kode ]]></b:skin> dan letakan kode dibawah ini tepat diatasnya: (template baru).
/* hilangkan navbar
----------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
5. Selesai.
Cara keempat
Masih berhubungan dengan CSS, namun untuk cara keempat ini hanya perlu menghapus CSS Navbar saja
1. Template > Edit HTML
2. Cari kode seperti berikut dan hapus:
<b:widget id='Navbar' locked='true' title='Navbar' type='Navbar'> ... sampai dengan kode penutup </b:widget>
Lihat gambar ini. Perhatikan tanpa petunjuk pada gambar dibawah ini. Hapus kode <b:widget sampai </b:widget>
3. Buka blog sobat dan lihat hasilnya.
Itulah cara menghilangkan Navbar pada blog, semoga dapat membantu sobat dalam membuat blog yang keren... :D