11/21/16

Cara Menghilangkan dan Menghapus Navbar di Blogger

Untuk mempercantik sebuah blog itu memang perlu, selain untuk menarik pembaca mempercantik sebuah blog juga berguna untuk membuat pembaca kita betah berlama-lama mampir di blog kita. Mungkin buat kamu yang masih menggunakan template default Blogger, akan merasa sedikit terganggu dengan adanya Navbar bawaan Blogger.

Untuk itulah di postingan kali ini saya akan memberikan tutorial bagiman cara menghilangkan dan menghapus navbar di Blogger untuk membantu sobat semua yang ingin mepercantik blog nya.

Sekilas Tentang Navbar

Navbar adalah kependekan dari Navigation Bar, yaitu suatu bar panjang berbentuk frame yang berisi berbagai menu navigasi yang memiliki fungsi-fungsi tertentu. Jika sobat saat ini menggunakan blog berflatform Blogger dan menggunakan template bawaan bloggernya, maka biasanya navbar tersebut akan muncul di tampilan blog bagian atas. berikut dibawah ini penampakannya

Fitur navbar ini tentunya disediakan oleh Google bukan tanpa tujuan. Navbar ini memiliki beragam fungsi untuk mempermudah kegiatan blogging kita. Namun kebanyakan orang, termasuk saya sendiri kadang kurang menyukai hadirnya tampilan ini nangkring di bagian atas di blog mereka, karena mungkin agak sedikit mengganggu pemandangan dan jadi kelihatan blog gratisannya..hehe (mungkin), sehingga banyak yang menghilangkan atau menyembunyikan  atau bahkan ada yang menghapus navbartersebut. Bagaimana cara menghilangkannya atau menghapusnya ??

Untuk menghilangkan atau menghapus navbar sendiri ada 3 cara, saya menyusunkan dari cara yang paling mudah supaya sobat bisa lebih memahami, dan silah pilih cara yang paling sobat sukai. yuk simak tutorialnya di bawah :

Menghilangkan Navbar melalui Tata letak/layout

1. Pertama silahkan sobat login ke blog sobat.
2. Setelah di halaman admin blog, sobat tinggal pilih Tata letak lalu pilih Navbar disebelah kanan widget Navbar ada tombol kecil yaitu "edit" klik tombol tersebut lalu akan muncul sebuah popup.
3. Setelah muncul gambar tersebut silahkan sobat pilih "off" lalu klik simpan. maka navbar di blog sobat akah hilang.

Cara menghilangkan Navbar melalui Tata letak/layout.

Menghilangkan Navbar menggunakan kode CSS

1. Pertama silahkan sobat login ke blog sobat.
2. Setelah di halaman admin blog, sobat pilih "Template" lalu klik "Edit HTML" copy pastekan kode CSS di bawah ini dan simpan tepat di atas "]]></b:skin>".
#navbar-iframe{height:0;visibility:hidden;display:none}
atau sobat juga bisa menggunakan kode CSS yang kedua di bawah ini.
.navbar, #navbar-iframe{display:none;visibility:hidden}
Untuk lebih jelas cara penyimpanan kodenya silahkan sobat lihat gambar di bawah ini.

cara menghilangkan Navbar menggunakan kode CSS

Buat sobat yang belum tahu cara memasukan kode CSS silahkan sobat baca postingan saya sebelumnya Cara Memasukan Kode CSS di Blogger. Kenapa saya memberi opsi 2 kode CSS berikut ini keterangannya :

  • Jika sobat memasukan kode CSS yang pertama maka akan ada sebuah space diatasnya kira-kira satu centimeter.
  • Jika sobat memasukan kode CSS yang kedua maka tidak akan ada space di atasnya. silahkan pilih tampilan yang sobat suka.

Untuk tutorial yang pertama diatas dan kedua ini, bisa di bilang hanya menyembunyikan secara kasat mata saja tapi kode atau widget Navbar-nya tetap ada. Jika sobat mau menghapus secara permanen widget Navbarnya silahkan sobat ikuti tutorial ketiga dibawah ini.

Menghapus Navbar secara permanent

1. Pertama silahkan sobat login ke blog sobat.
2. Jangan lupa Backup dulu template sobat.
3. Ketiga klik Template lalu Edit HTML. setelah masuk di kolom editor halaman html silahkan sobat cari Widget Navbar yang terletak di bawah kode "</head>" dan hapus dari "<b:section class" sampai ke tag penutup </b:section>.
4.Terakhir jika sudah dihapus silahkan sobat Simpan.

Jika sobat ada yang masih kebingungan, silahkan tinggalkan komentar di bawah. Sampai ketemu lagi di postingan berikutnya.

You might also enjoy reading

Subscribe

Daftarkan email Anda untuk mendapatkan Artikel terbaru pilihan dari Andito Blog

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Silahkan berkomentar sesuai dengan topik.