Cara Menghilangkan Navbar Blog Di Blogspot

Menghilangkan Navbar Pada Blogger/Blogspot akan membuat Blog anda akan tampak lebih profesional. Namun sebagian kalangan beranggapan bahwa Menghilangkan Navbar Pada Blogger/Blogspot melanggar aturan TOS (Term of Service) dan akan membuat Account Blogger anda di hapus oleh pihak pengembang, Google. Berita ini masih simpang siur apakah benar atau tidaknya sampai saya membaca salah satu "feedback", untuk lebih jelasnya silahkan kunjungi Link ini Blogger Help Group, disana anda akan menemukan jawaban apakah kita dapat Menghilangkan Navbar Pada Blogger/Blogspot atau tidak.


Yang dimaksud navbar blog disini adalah fasilitas default milik blogger yang bisa kita temui pada bagian atas sendiri seperti ditunjukkan gambar 1 Navbar Blog jika kita membuat sebuah blog di blogspot untuk pertama kali.

Gambar 1Navbar Blog


Kita dapat menghilangkannya dengan cara menyembunyikannya melalui cascading style sheet atau CSS-nya. Tapi kami ingatkan terlebih dahulu bahwa navbar tersebut adalah fasilitas default blogger maka untuk itu baca terlebih dahulu TOS blogger apakah boleh dihilangkan atau tidak.

Pada tutorial ini kami tidak menyarankan untuk menghilangkan navbar tersebut tetapi jika pembaca dan penikmat tutorial masih bersikeras untuk menghilangkannya ya ayo langsung kita mulai saja tutorialnya.

Langkah pertama adalah login ke blogger untuk masuk ke area editing, pilih tab “Rancangan à Edit HTML” pada bagian ini Anda akan melihat secara langsung script HTML yang ditulis di dalam textarea seperti ditunjukkan oleh gambar 2 Tempat Meletakkan Kode CSS Pada Edit HTML. Oh ya bagi yang belum bisa tentang bahasa HTML & CSS jangan berkecil hati karena Anda hanya perlu melakukan langkah-langkah “Copy à Find à Paste à Save” maka untuk itu jangan dilewatkan langkah-langkah yang akan dijelaskan ya!....

Ini hanya sebuah saran saja, untuk melakukan editing ini Anda bisa meng-copy script yang ditulis di dalam textarea kedalam text editor seperti notepad, hal ini sekaligus dapat digunakan sebagai backup template Anda, atau juga bisa langsung melakukan editing di textarea tersebut. Semuanya tergantung pilihan Anda mana yang terbaik.

Gambar 2 Tempat Meletakkan Kode CSS Pada Edit HTML



Lakukan langkah-langkah berikut ini:

Untuk Template Klasik
Copy kode berikut lalu paste sebelum tag

/* cara menyembunyikan navbar */

#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}

Klik tombol “Simpan Template”

Untuk Template Baru
Copy kode berikut lalu paste sebelum ]]></b:skin>
untuk mempermudah pencarian gunakan tombol CTRL+F
copas kode di bawah ini lalu letakkan seperti pada gambar diatas.

/* cara menyembunyikan navbar */

#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}

Klik tombol “Simpan Template” dan lihat hasilnya.