June 9, 2014

Cara Menghapus Navbar Blog

June 9, 2014

Cara menyembunyikan, menonaktifkan, atau menghapus Navbar (Navigation Bar, Bar Navigasi) di Blog Blogspot.

NAVBAR -- singkatan dari Navigation Bar-- adalah menu bawaan blogger yang akan muncul otomatis setiap kali kita login ke blogger. Lokasinya di atas header blog atau bagian atas layar monitor komputer.

Navbar Blog


Fungsi Navbar

1. Untuk memudahkan blogger saat hendak mengedit blognya.
2. Jika kita klik ikon "B" di navbar, maka kita akan dibawah ke halaman blogger.com
3. Tautan cepat untuk masuk ke Dashboard juga memudahkan "Sign in /Sign out"
4. Memudahkan pencarian blog lain.
5. Memudahkan share blog ke Google Plus, Email, Facebook, dan Twitter
6. Memudahkan melaporkan penyalahgunaan blog.
7 "NextBlog" berfungsi  secara acak (random) membuka blog lain yang baru update posting.

Tapi kebanyakan blogger menonaktifkan Navbar karena dirasa mengganggu. Caranya, bisa hanya menyembunyikan saja, bisa juga menghapusnya sama sekali.

Cara Menyembunyikan Navbar Blog (1)

1. Login ke Blogger > Dashboard Blogger.
2. Klik "Template" > klik "Customize" > "Advance > "Add CSS"



3. Masukkan kode ini: #navbar { height: 0px; visibility: hidden; display: none;} 
4. Klik "Apply to Blog" di kanan atas. Beres!

Cara Menyembunyikan Navbar Blog (2)

Cara lainnya adalah:
1. Login ke Blogger > Dashboard Blogger.
2. Klik "Layout"
3. Cari lokasi Widget "Navbar" dan klik link "Edit" di bawahnya.

Cara Menyembunyikan Navbar Blog

4. Akan muncul halamana baru (pop-up window).
5. Cari tombol "Off" dan klik!
6. Save! Beres!



Cara Menghapus Navbar Blog

1. Login ke Blogger > Dashboard Blogger
2. Klik "Template" > klik "Edit HTML"
3. Cari (Ctrl+F) kode berikut ini:

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
</b:includable>
</b:widget>
</b:section>


3. Hapus!
4. Save Template! Beres!

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

No comments on Cara Menghapus Navbar Blog

Post a Comment

Contact Form

Name

Email *

Message *