Cara mengatasi permasalahan navbar di blogspot – Navbar atau navigation bar merupakan fasilitas yang ada pada template default dari blogspot yang biasanya terletak dibagian paling atas dari sebuah template. Meskipun mempunyai fitur yang bermanfaat, namun tampilan navbar dianggap kurang bagus bagi kebanyakan blogger. Untuk itulah mengapa navbar banyak tidak digunakan oleh sebagian besar blogger dengan memilih untuk menyembunyikan navbar, menghapus navbar ataupun menghilangkan navbar tersebut. Nah, posting kali ini akan membahas mengenai bagaimana cara mengatasi permasalahan navbar di blogspot. Beberapa solusi bisa anda dapatkan dari permasalahan tentang navbar ini.
Cara Menyembunyikan Navbar di Blogspot
Ini merupakan cara paling sederhana untuk menghilangkan navbar agar tidak terlihat ketika blog online. Fitur ini juga telah disediakan oleh blogger untuk memudahkan dalam menyembunyikan navbar di blogspot. Cara yang pertama yaitu :
Ini merupakan cara paling sederhana untuk menghilangkan navbar agar tidak terlihat ketika blog online. Fitur ini juga telah disediakan oleh blogger untuk memudahkan dalam menyembunyikan navbar di blogspot. Cara yang pertama yaitu :
1. Login ke dashboard
2. Pilih layout/ tata letak
3. Pilih navbar dan klik edit
4. Pilih off
5. Klik simpan
Cara menyembunyikan navbar yang kedua menggunakan cara berikut ini :
1. Login ke dashboard
2. Pilih template lalu edit
3. Cari kode ]]></b:skin>
4. Letakkan kode berikut diatas kode ]]></b:skin>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
5. Simpan template
Cara menyembunyikan navbar ini tidak merubah susunan elemen pada halaman blogger, sehingga tampilannya akan menjadi ruang kosong diatas template blog. Ruang kosong yang sebelumnya menjadi tempat dimana navbar terlihat atau tampil.
Cara Menghapus/ Menghilangkan Navbar di Blogspot
Cara menghapus navbar yang satu ini merupakan cara menghilangkan navbar secara permanen. Mengapa? Karena navbar tidak hilang hanya sekedar pada tampilannya namun hilang juga bersama dengan susunan elemennya pada halaman blog. Berikut cara pertama yang bisa anda lakukan :
1. Login ke dashboard
2. Pilih template lalu edit
3. Cari kode <body>
4. Letakkan kode berikut diatas kode <body>
<script type='text/javascript'>
<![CDATA[
<!-- /*<body>*/ -->
]]>
</script>
5. Simpan template
6. Akan tampil halaman konfirmasi
7. Klik delete widgets
6. Akan tampil halaman konfirmasi
7. Klik delete widgets
Cara menghapus/ menghilangkan navbar yang kedua :
1. Login ke dashboard
2. Pilih template lalu edit
3. Pilih lompat ke widget
4. Pilih navbar1
5. Blok seluruh kode dari navbar tersebut ( dari b:widget sampai </b:widget>) kemudian hapus
6. Simpan template
Cara menghapus/ menghilangkan navbar diatas sekaligus juga menghilangkan widget navbar yang berada di layout/ tata letak. Jadi widget navbar tidak akan lagi anda temukan dihalaman layout.
Cara Menghapus/ Menghilangkan Ruang Kosong diatas Header Blogspot
Ketika anda menyembunyikan navbar dengan cara diatas maka akan ada ruang kosong diatas header template anda. Nah, berikut ini adalah cara menghapus/ menghilangkan ruang kosong diatas header blogspot. Cara pertama yaitu :
1. Login ke dashboard
2. Pilih template lalu sesuaikan/ customized
3. Pilih tingkat lanjut/ advance
4. Tambahkan kode berikut pada halaman CSS tersebut
#navbar {display:none}
5. Simpan
Cara menghapus/ menghilangkan ruang kosong diatas header yang kedua adalah :
1. Login ke dashboard
2. Pilih template dan edit
3. Cari kode </head>
4. Tambahkan kode berikut diatas </head>
<style type='text/css'>
.content-inner
{
margin-top: -40px !important;
}
</style>
5. Simpan
Ganti nilai -40px dengan nilai yang anda inginkan pada ruang kosong diatas header blog anda. Lakukan ekperimen sampai anda menemukan jarak yang tepat di template blog anda.
Demikian artikel mengenai cara mengatasi permasalahan navbar di blogspot, silahkan pilih cara mana yang akan anda pakai sebagai solusi untuk blog anda. Semoga bermanfaat.
Ini gan tutorial yang saya cari-cari! sudah menghapus navbar tapi ruang kosng itu lo yg bingung bagaimana diatasi.. tutorialnya bermanfaat gan..
BalasHapusgan kok tetep gak bisa ya !
BalasHapuspadahal step by step nya udah di praktekin ?