
Lalu buat apa widget navbar itu? penulis pun kurang tahu apa fungsinya. Kebanyakan blogger alias pemilik blog juga pengunjung blog jarang menggunakan navbar. Jadi lebih baik hapus saja atau sembunyikan widget navbar tersebut pada blog.
Menghilangkan / Menghapus Navbar di Blogspot dengan Mudah
Untuk menghilangkan ataupun menghapus navbar sangatlah mudah. Ada 3 cara untuk membuang navbar pada tampilan blog.1. Menghapus navbar di blog dengan Edit HTML
Untuk menghapus navbar diblog dengan cara menggedit HTML, ada beberapa langkah yang harus dilakukan. Namun perlu diketahui, dengan cara ini akan menghapus navbar secara permanen. Namun tidak mengapa, navbar ini tidak akan berpengaruh pada blog anda.Adapun caranya adalah sebagai berikut:
- Login terlebih dahulu di account blogger sobat
- Klik menu Template
- Klik Edit Html
- kemudian silahkan dengan melanjutkan pencarian kode script dibawah, cari aja navbar1 dengan cara klik CTRL + F. Nah kodenya kurang lebih seperti ini
- Hapus kode tersebut
- Simpan
<b:widget id='Navbar' locked='true' title='Navbar' type='Navbar'> ... kode navbar ... </b:widget>
2. Cara menyembunyikan atau menghilangkan navbar diblog pada Gadget/Widget
Dengan cara ini, tidak akan menghapus navbar namun hanya mengubah nilai navbar menjadi off.- Login terlebih dahulu di account blogger sobat
- Klik menu Tata Letak
- Pada elemen tata letak klik edit Navbar, lalu akan muncul jendela baru
- Pada jendela navbar, pilih "Off"
- lalu simpan
3. Cara menyembunyikan navbar dengan CSS
Sebelum bahas cara yang ketiga ini, bagi sahabat blogger yang suka bingung nyari gambar gratis untuk konten/artikel blog bisa dicari di Kumpulan Situs Penyedia Gambar Gratis Terbaik Untuk Artikel Blog. Balik lagi ke topik dengan cara ini tidak akan menghapus kode navbar, namun menyembunyikan tampilannya dengan CSS kode.- Login terlebih dahulu di account blogger sobat
- Klik menu Template
- Klik Edit Html
- kemudian silahkan dengan melanjutkan pencarian kode script dibawah, cari aja
]]></b:skin> dengan cara klik CTRL + F. - Simpan kode dibawah diatas kode
]]></b:skin> - lalu simpan
#navbar {display:none}
#navbar-iframe {display: none !important;}
#navbar, #navbar-iframe {height: 0px;visibility: hidden;display: none;}
Bagaimana mudahkan?
Itulah dua buah tutorial tentang navbar blog. Semoga bermanfaat
Bebas berkomentar asal santun dan tidak kasar. Komentar yang mengandung konten por*o dan ju*i akan dihapus. Jangan lupa juga centang kotak "notify me" supaya ada notification jika komentarnya sudah dibalas. Terimakasih :)