3 Cara Menghilangkan Navbar Pada Blogger

- 2 Cara Menghilangkan Navbar Pada Blogger. Pada blog terdapat sebuah navbar yang sanggup mengganggu tampilan blog. Navbar yakni widget bawaan dari blogger dimana navbar (navigation bar) default dari blogger biasanya terletak pada bab paling atas dari sebuah blog.

Buat apa sih navbar itu? penulis pun kurang tahu apa fungsinya. Kebanyakan blogger alias pemilik blog juga pengunjung blog jarang  menggunakan navbar. Makara lebih baik hapus saja atau sembunyikan widget navbar tersebut pada blog.

Menghilangkan / Menghapus Navbar di Blog

Untuk menghilangkan 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 kuat pada blog anda.
Adapun caranya yakni sebagai berikut:

1. Login terlebih dahulu di account blogger sobat
2. Klik sajian Template
3. Klik Edit Html
4. kemudian silahkan dengan melanjutkan pencarian instruksi script dibawah, cari aja navbar1 dengan cara klik CTRL + F. Nah kodenya kurang lebih menyerupai ini

<b:widget id='Navbar' locked='true' title='Navbar' type='Navbar'> ... instruksi navbar ... </b:widget>


5. Hapus instruksi tersebut
6. 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 sajian Tata Letak
3. Pada elemen tata letak klik edit Navbar, kemudian akan muncul jendela baru

4. Pada jendela navbar, pilih "Off"

5. lalu simpan

3. Cara menyembunyikan navbar dengan CSS

Dengaan cara ini tidak akan menghapus instruksi navbar, namun menyembunyikan tampilannya dengan CSS kode.

1. Login terlebih dahulu di account blogger sobat
2. Klik sajian Template
3. Klik Edit Html
4. kemudian silahkan dengan melanjutkan pencarian instruksi script dibawah, cari aja ]]></b:skin> dengan cara klik CTRL + F. 
5. Simpan instruksi dibawah diatas kode ]]></b:skin>

#navbar {display:none} #navbar-iframe {display: none !important;} #navbar, #navbar-iframe {height: 0px;visibility: hidden;display: none;}

6. lalu simpan

Bagaimana mudahkan?
Itulah dua buah tutorial wacana navbar blog
Sumber http://caritutorialblog.blogspot.com