3 Cara Menghilangkan Navbar Pada Blogger

3 Cara Menghilangkan Navbar Pada Blogger
3 Cara Menghilangkan Navbar Pada Blogger. Hi sahabat blogger seperti yang kita tahu pada blog terdapat sebuah navbar yang menurut kebanyakan orang dapat mengganggu tampilan blog. Lalu apa sih navbar itu? Navbar adalah widget bawaan dari blogger dimana navbar (navigation bar) default dari blogger biasanya terletak pada bagian paling atas (head) dari sebuah blog.

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:

  1. Login terlebih dahulu di account blogger sobat
  2. Klik menu Template
  3. Klik Edit Html
  4. kemudian silahkan dengan melanjutkan pencarian kode script dibawah, cari aja navbar1 dengan cara klik CTRL + F. Nah kodenya kurang lebih seperti ini
  5. <b:widget id='Navbar' locked='true' title='Navbar' type='Navbar'> ... kode navbar ... </b:widget>
    3 Cara Menghilangkan Navbar Pada Blogger di widget 2
  6. Hapus kode tersebut
  7. Simpan


2. Cara menyembunyikan atau menghilangkan navbar diblog pada Gadget/Widget

Dengan cara ini, tidak akan menghapus navbar namun hanya mengubah nilai navbar menjadi off.
  1. Login terlebih dahulu di account blogger sobat
  2. Klik menu Tata Letak
  3. Pada elemen tata letak klik edit Navbar, lalu akan muncul jendela baru
  4. 3 Cara Menghilangkan Navbar Pada Blogger
  5. Pada jendela navbar, pilih "Off"
  6. 3 Cara Menghilangkan Navbar Pada Blogger
  7. 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.
  1. Login terlebih dahulu di account blogger sobat
  2. Klik menu Template
  3. Klik Edit Html
  4. kemudian silahkan dengan melanjutkan pencarian kode script dibawah, cari aja ]]></b:skin> dengan cara klik CTRL + F
  5. Simpan kode dibawah diatas kode ]]></b:skin>
  6. #navbar {display:none}
    #navbar-iframe {display: none !important;}
    #navbar, #navbar-iframe {height: 0px;visibility: hidden;display: none;}
  7. lalu simpan

Bagaimana mudahkan?
Itulah dua buah tutorial tentang navbar blog. Semoga bermanfaat



avatar

Itu yg harus edit css lumayan repot yah bagi yg ga ngerti, di wp hilangan navbar cuma butuh beberapa kali klik aja.
Nice info lah, ;)

delete 13/5/19 08:32
avatar

paling mudah langsung ke layout , lalu pilih off, kalau di wp juga mudah, cukup klik2 aja

delete 15/5/19 04:54
avatar

@aorlin cara yang di pengaturan tata letak sangat mudah

delete 15/5/19 11:37
avatar

@sabda yup sangat mudah dan simple

delete 15/5/19 11:39

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

 

Keep In Touch

Pengikut