Cara Mengatasi Permasalahan Navbar di Blogspot

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 :

1.  Login ke dashboard
2.  Pilih layout/ tata letak
3.  Pilih navbar dan klik edit

Cara Mengatasi Permasalahan Navbar di Blogspot

4.  Pilih off

Cara Mengatasi Permasalahan Navbar di Blogspot

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

Cara Mengatasi Permasalahan Navbar di Blogspot

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

Cara Mengatasi Permasalahan Navbar di Blogspot

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

Cara Mengatasi Permasalahan Navbar di Blogspot

3.  Pilih tingkat lanjut/ advance
4.  Tambahkan kode berikut pada halaman CSS tersebut
#navbar {display:none}
5.  Simpan

Cara Mengatasi Permasalahan Navbar di Blogspot

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.

Artikel Terkait dengan Tutorial Blogging

Bekti Nugroho G.S
Blog Oonline Updated at: 14.54

2 komentar:

  1. Ini gan tutorial yang saya cari-cari! sudah menghapus navbar tapi ruang kosng itu lo yg bingung bagaimana diatasi.. tutorialnya bermanfaat gan..

    BalasHapus
  2. gan kok tetep gak bisa ya !
    padahal step by step nya udah di praktekin ?

    BalasHapus

Silahkan Berkomentar dengan :

1. Bahasa Indonesia yang baik dan benar
2. Tutur bahasa yang sopan dan santun
3. Tidak mencantumkan alamat url apalagi link aktif
4. Sesuai isi artikel ( bukan sekedarnya )

Maaf, komentar akan saya hapus jika tidak sesuai dengan peraturan diatas.

Mohon maaf juga apabila komentar tidak muncul segera, dikarenakan tidak selalu online dan kesibukan offline lainnya. Terima kasih atas perhatian dan pengertiannya.


About | Contact | Privacy Policy | Arsip
Copyright © 2014- Blog Oonline - Powered by Blogger