Cara Menghapus Navbar Blog Secara Permanent

Ada banyak hal yang harus dirubah atau diedit ketika kita menggunakan template default blogger. Salah satunya adalah menghilangkan penampakan yang ada di atas blog (Maksud saya, menghilangkan Navbar). Sembilan dari 10 blogger, bisa dipastikan menggunakan template tanpa Navbar. Do you know, why? Karena Navbar mempunyai tampilan yang tidak bagus walaupun terdapat banyak fitur yang bermamfaat di dalam Navbar itu sendiri.

Google beberapa bulan yang lalu sudah memberikan kemudahan kepada blogger untuk menghilangkan Navbar yaitu dengan menambahkan fungsi "Off" pada navbar (Silahkan baca bagaimana penggunaannya disini). Sekarang, yang mau saya share ke sobat blogger adalah bagaimana cara menghapus navbar secara permanent di blog.

1. Login ke blogger
2. Pilih template dan backup template sobat (Bagaimana cara backup template, baca disini).
3. Klik tombol "Edit HTML"
4. Gunakan menu drop down "Lompat ke Widget" dan Pilih Navbar1 (Kita akan langsung diarahkan pada kode HTML navbar). Perhatikan Gambar!

5. Disebelah kode navbar, terdapat tanda panah. Jangan tekan tanda panah itu. Block saja kode itu dari arah kanan ke kiri lalu di hapus.
6. Pratinjau template sobat terlebih dahulu sebelum di simpan.

Kalau langkah-langkah di atas sudah dijalankan, silahkan menuju laman layout blogger. Sobat tidak akan menemukan elemen navbar lagi seperti gambar di bawah ini.

Cara Merubah Posisi Navbar Blogger Dari Atas Ke Bawah

Munculnya beberapa opini blogger yang menyebutkan "Menghilangkan atau menghapus Navbar blog melanggar Term Of Service (TOS) yang telah ditentukan oleh Google" membuat rekan-rekan kita sesama blogger merasa khawatir untuk menghilangkan Navbar yang terdapat di dalam blog mereka.

Kekhawatiran tersebut membuat mereka harus berpikir tentang bagaimana cara membiarkan Navbar tetap sepert seperti adanya, akan tetapi tidak merusak atau mengganggu keindahan blog mereka. Pokoknya, bagaimana cara supaya blog tetap terlihat profesional walaupun Navbar tetap ada. Seperti itulah kesimpulan yang saya bisa petik.

Apakah sobat blogger ada ide atau solusi untuk masalah ini? Bagi saya pribadi, alternativ terbaik untuk memecahkan masalah ini adalah dengan cara memodifikasi tampilan Navbar seperti dengan cara membuat Navbar Auto Hide (Navbar Buka Tutup) seperti tutorial blogspot yang saya berikan sebelumnya atau merubah posisi Navbar Navbar yang tadinya di atas Header menjadi di bawah Footer. Emang bisa merubah posisi Navbar dari posisi Top menjadi Buttom?Ya.. Jelas bisa.

---

Cara Merubah Posisi Navbar Blogger

---

• Sign In di blogger.com
• Pada Menu drop down, pilih template
• Klik tombol Costumize untuk menuju laman Blogger Template Designer
• Klik Advanced dan klik Add CSS
• Copy Paste kode berikut pada kolom yang tersedia

#navbar-iframe{
position:fixed;
bottom:0px;
}

• Klik tombol Apply to blog.

Tutorial tentang cara merubah posisi navbar dari posisi top menjadi posisi buttom ini tidak akan berarti tanpa komentar, saran dan pertanyaan sobat blogger.

Cara Menghilangkan Navbar Terbaru Tanpa Edit Template

Sepertinya, blogger.com tetap beranggapan bahwa Navbar atau Navigation Bar sebagai menu navigasi yang memiliki peranan penting di dalam sebuah website atau blog. Hal ini terbukti dengan tidak dihilangkannya Navbar sebagai fitur template bawaan blogger. Padahal, beberapa waktu terakhir, blogger melakukan banyak perubahan di situs-nya baik itu dari segi tampilan ( Blogger Old Interface ke New Blogger Interface) atau dari segi fitur seperti penambahan Deskripsi Posting, URL Permalink dan lainnya.

Untuk Navbar sendiri, sekarang blogger memberikan kemudahan kepada pemilik blog untuk menghilangkan Navbar dari Blog atau menyembunyikan tampilan navbar dari blog. Kemudahan yang diberikan oleh blogger.com sangat-sangat mudah, sehingga pemilik blog tidak perlu melakukan edit template.

---

Cara Terbaru Dalam Menghilangkan Navbar Blog

---

1. Sign In di blogger.com

2. Pada Menu drop down klik Layout lalu Link pada element Navbar

3. Disana terdapat opsi OFF. Tandai opsi tersebut lalu klik Save.

Buka blog sobat blogger untuk melihat hasilnya. Langkah-langkah di dalam menghilangkan Navbar blog ternyata sangat mudah bukan? Jauh lebih mudah dari cara menghilangkan Navbar versi lama dan cara membuat Navbar auto Hide (Navbar Buka Tutup).

Cara Buat Navbar Buka Tutup Di Blogger

Cara menghilangkan Navbar Blogspot adalah hacking trick yang saya publikasikan beberapa hari yang lalu. Sekarang, saya akan memberikan trik tentang cara buat Navbar Auto Hide. Tapi sebelumnya, saya akan jelaskan sedikit tentang fungsi dari Navbar Auto Hide. Navbar Auto Hide memungkinkan sobat blogger untuk menghilangkan navbar dari blog sobat, akan tetapi ketika cursor blog diarahkan ke bagian atas header maka Navbar yang sudah disembunyikan tersebut akan muncul kembali.

---

Cara Buat Navbar Auto Hide

---

• Sign In di blogger.com
• Pada menu drop down, klik template
• Backup template sobat terlebih dahulu.
• Selanjutnya, klik Edit HTML dan klik Proceed
• Cari kode ]]></b:skin>
• Kalau sudah ketemu, letakkan kode berikut diatasnya :

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

• Simpan template sobat.

Navbar Auto Hide bisa dijadikan salah satu alternative paling bagus buat sobat blogger yang tidak mau meghilangkan fitu-fitur asli bawaan template blogger.

Tips seputar Navbar yang lain :

1. Cara Merubah Posisi Navbar Blogger
2. Cara Menghilangkan Navbar Terbaru Tanpa Edit Template
3. Cara Lawas Menghilangkan Navbar Blogspot

Cara Menghilangkan Navbar Blog Menggunakan Kode CSS

Jika Anda menggunakan template standar alias template default blogger, Anda akan melihat sebuah navigasi bar (Navbar) di bagian paling atas blog. Apa yang Anda pikirkan saat melihat menu navigasi itu? Pasti Anda berpikir untuk menghapus atau menyembunyikannya. Anda tidak salah ketika berpikir seperti itu karena setiap pemilik blog pasti ingin membuat sebuah web blog dengan desain yang keren atau professional. Keberadaan Navbar sangatlah bermamfaat buat sebuah blog, akan tetapi dikarenakan oleh tampilannya yang kurang bagus, sebagian besar pemilik blog memilih untuk menghapus navbar yang bertengger di tembok blog mereka.

Kita akan memasukkan beberapa kode Cascading Style Sheet (CSS) di template untuk menghilangkan Navbar. Kode CSS ini akan menghilangkan tampilan Navbar bukan menghapus Navbar secara permanent.

---

Cara Menghilangkan Navbar Blog

---

• Sign In di blogger.com
• Pada menu Drop Down, Pilih Template.
• Backup Template Anda terlebih dahulu
• Kemudian klik "Edit HTML"
• Copy kode berikut

#navbar-iframe { display: none !important;}

• Letakkan kode tersebut di atas kode  /* Variable definitions
• Save atau simpan template anda

Menyembunyikan tampilan Navbar adalah langkah awal seorang blogger untuk memperindah tampilan blog dan langkah awal dalam melakukan editting kode template. Kesuksesan pada langkah awal bisa menjadi tolak ukur kesuksesan Anda pada langkah selanjutnya.

Artikel Terkait :

1. Cara Merubah Posisi Navbar Blogger
2. Cara Menghilangkan Navbar Terbaru Tanpa Edit Template
3. Cara Buat Navbar Buka Tutup