Iwan Binanto: "hari-hari ku yang berlalu .."

Mempunyai dan membuat situs blog di Blogspot merupakan hal yang pernah saya lakukan ketika pertama kali mencoba membuat blog. Tetapi selalu merasa risih, karena Bar Atas (default dari Blogspot:  untuk Buat Blog baru dan login maupun menu lain  selalu muncul, seperti terlihat di gambar 1).  Bar Atas ini juga membuat blog kita kurang terlihat profesional.

Berkali-kali mencoba mencari tahu bagaimana cara untuk menghilangkannya, dan selalu tidak menemukan jawabannya (mungkin kurang gigih dalam pencarian). Akhirnya setelah  curhat dengan teman, ternyata ada caranya. Hanya saja, perlu uprek kode HTML/CSS nya.

Mungkin hal ini mudah dilakukan bagi yang sering oprek blogspot dan uprek HTML maupun CSS, tetapi hal ini jadi sulit dan membingungkan bagi pemula dan bagi orang yang tidak mengerti. Untuk itu saya coba buat tutorialnya, semoga berguna.

Gambar 1. Default Bar Atas (Navbar)

Tidak banyak langkah yang dibutuhkan untuk menghilangkan Bar Atas tersebut.

1. Login ke Blogspot dengan memasukkan username dan password dengan benar, kemudian jika mempunyai beberapa blog, pilih blog yang akan diedit. Pada kasus ini, blog yang akan diedit sudah diredirect ke domain materikuliah.iwanbinanto.com.
2. Pada kolom sebelah kiri (My Blogs) terdapat menu untuk menulis artikel dan mengonfigurasi blog kita. Pada menu tersebut, pilih Template, seperti terlihat pada gambar 2.
   

   Gambar 2. Menu yang dipilih: Template

3. Kemudian klik Edit HTML dan akan muncul pesan yang kurang lebih mengatakan bahwa dibutuhkan pengguna yang advanced untuk mengedit HTML, seperti terlihat pada gambar 3.  Anggap saja kita advanced  user  …
   

   Gambar 3. Pesan dari Blogspot

4. Dari pesan tersebut, kita klik tombol Proceed untuk masuk ke editor HTML Blogspot. Kemudian scroll isi file tersebut sampai ketemu statemen:/* layout ————————- */
   
   Kemudian ditambahkan statemen:#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
   }Hal ini terlihat jelas pada gambar 4.
   

   Gambar 4. Menambahkan script di Blogspot

5. Nah, setelah itu, kita bisa klik tombol Preview untuk melihat perubahan yang terjadi. Pada blog yang digunakan untuk studi kasus ini, Bar Atas (Navbar) berhasil dihilangkan, seperti terlihat pada gambar 5. Dan blog sudah terlihat tampil lebih menawan dan profesional, apalagi sudah tidak lagi menggunakan domain aslinya.
   

   Gambar 5. Bar Atas (Navbar) berhasil dihilangkan