Cara Menghilangkan Navbar Dan Elemennya Di Blogspot

Cara Menghapus Navbar Beserta Elemennya di Blog.

Untuk menghilangkan navbar di atas halaman blogger bisa kita lakukan dengan dua cara, yaitu yang pertama dengan cara menyembunyikannya dari halaman atau yang kedua dengan cara menghilangkan elemen navbar nya dari navbar.

1. Dengan Cara Menyembunyikannya Dari Halaman.

Jika hanya untuk menyembunyikan navbar dari halaman blogger itu sangat mudah, kita hanya perlu me-non aktifkan navbarnya dari widget settingnya.

Namun perlu di ingat... Bahwa dengan cara ini kita hanya menghilangkan tampilannya saja dan tidak menghilangkan elemennya pada halaman, dengan kata lain ukuran dari elemen navbarnya masih bersinggungan dengan elemen lain.

( Baca Juga Cara Membuat Read More di Blog )

Berikut adalah caranya, mari kita simak....

• Sebagai langkah awal adalah kita masuk ke dalam dashboard blogger kemudian pilih "Tata Letak" dan akan muncul halaman pengaturan widget lalu pilih Navbar yang berada di paling atas kemudian klik "Edit". Lihat gambar di bawah :
  
• Kemudian pada jendela Konfigurasi Navbar, klik "Off" dan "Simpan". Perhatikan gambar dibawah berikut ini :
  
• Dan Lihatlah Hasilnya, tampilan dari Navbarnya sudah hilang bukan?? Tapi coba anda perhatikan dengan teliti, masih ada spasinya, karena dengan cara ini kita hanya menghilangkan tampilan navbarnya saja secara kasat mata, namun tidak secara harfiah.

2. Dengan Cara Menghilangkan Navbar Beserta Elemennya.

Untuk menghilangkan navbar beserta elemen-elemennya, kita ikuti langkah selanjutnya. Dengan cara ini kita hanya perlu menambahkan sedikit kode CSS yang otomatis.

( Baca Juga Cara Menampilkan Beranda di Blog )

Berikut caranya.....

• Seperti biasa, langkah pertama yang kita lakukan ialah login ke dashboard blogger. Pada deretan menu disebelah kiri, pililah 'Template' maka akan muncul seperti berikut ini.
  
• Setelah terbuka, tampilannya akan berubah. Selanjutnya pilih 'Tindak lanjut', lalu tarik kursor sedikit kebawah dan klik 'Tambahkan CSS'. Pada kolom isian tuliskan ini : ( #navbar {display:none} ) (lihat gambar di bawah).
  
• Setelah semuanya OKe, tinggal klik tombol 'Terapkan ke Blok' disebelah kanan atas, dan jreng...jreeeng...lihatlah hasilnya, tampilannya telah berubah. Header tampak lebih ramping. Mudah bukan...!

Nah....Gampang bukan?? ya gampang lah kalau anda mengikuti urut-urutan langkahnya, saya cukupkan dulu postingan saya kali ini, next time kita bertemu di lain waktu pastinya di postingan yang berbeda, atas kunjungannya saya ucapkan terimakasih....Semoga bermanfaat..... Selamat Mencoba.....