Pages

Tampilkan postingan dengan label navbar. Tampilkan semua postingan
Tampilkan postingan dengan label navbar. Tampilkan semua postingan

Jumat, 10 Januari 2014

Menghilangkan Navbar Blogger Secara Permanen

Menghilangkan Navbar Blogger Secara Permanen

Banyak tutorial yang diberikan oleh rekan blogger tentang cara menghilangkan navbar, sebetulnya itu hanya menyembunyikan dan tidak menghilangkan secara permanen, untuk tutorialnya lihat disini.

Apabila ingin menghilangkan navbar secara permanen, maka langkahnya adalah :

1. Masuk ke Dasbor > Tata Letak > Edit HTML
2. Temukan kode <body>
3. Simpan kode ini di atasnya.
<script type='text/javascript'> 
<![CDATA[ 
<!-- 
/*<body>*/ 
--> 
]]> 
</script> 
4. Save template, dan akan muncul konfirmasi penghapusan widget.


Hal yang harus diperhatikan :

1. Tutorial diatas adalah menghapus navbar permanen.
2. Keuntungannya adalah lebih SEO Friendly, karena tidak ada iframe navbar
3. Kode Quick Edit pencil image  atau obeng quick-edit-wrench-blogger akan hilang.

Bagaimana cara mengembalikan navbar?

Hapus kode di atas tadi, kemudian Save.

Mau mencoba?

Cara Menghilangkan Navbar (Navigation Bar) Blogger

Bar Navigasi atau Navigation Bar (Navbar) Blogger  adalah untuk mempermudah navigasi di blogspot. Namun beberapa blogger kurang nyaman dengan tampilan Navbar tersebut.


Memang ada beberapa isu yang menyatakan hal ini melanggar aturan main / TOS (Terms of Services) Blogger. Tapi sejauh ini masih aman-aman saja, bahkan template-template baru hampir semuanya melakukan hal ini.

Sebetulnya kita tidak menghilangkan navbar, lebih tepatnya menyembunyikan navbar. Caranya :

1. Masuk ke Dasbor > Tata Letak > Edit HTML
2. Temukan kode :
]]></b:skin> 
3. Simpan kode ini di atas nya:
#navbar-iframe { display: none !important; } 
4. hasilnya seperti ini :
#navbar-iframe { display: none !important; }
]]></b:skin> 
5. Save

Atau bisa juga dilakukan dengan cara dibawah ini:

1. Copy script dibawah ini, dan simpan di tag head :
#navbar-iframe{
   height:0px;
   visibility:hidden;
   display:none;
}
Contoh seperti ini :

-----------------------------------------------
KangISMET.net
Author: Kang Ismet
Website: http://www.kangismet.net/
----------------------------------------------- */

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

2. Save.

Tutorial di atas sebenarnya adalah menyembunyikan Navbar.