Cara Menghilangkan Spasi/ Jarak Header Blog

Bagaimana ya cara menghilangkan spaci atau jarak antara Header blog dengan Navbar blog? itulah kataku dalam hati, setelah mondar-mandir sana sini cara untuk menmghilangkan masalah tersebut akhirnya saya dapatkan. Namun apa yang terjadi setelah saya hilangkan masalah tersebut eh...ternyata menimbulkan masalah ,mau tahu apa masalahnya? setiap artikel yang saya update tidak ada yang bisa saya temukan di mesin pencari padahal biasanya setiap habis post/ update setengah hari da pada muncul di mesin pencari namun kenyataannya lain yang sekarang. bahkan pengunjung blogku sangat menurun derastis" bahkan boleh dikatakan fatal banget". dan jawaban ini saya dapatkan setelah saya utak atik WebMaster Tolls.
          Jadi bagi sobat yang pengen menghilangkan Spaci/ Jarak atau kata lainnya [ Judul Blog ] Header blog silahkan dipikirkan terlebih dahulu, jangan samapai menimbulkan masalah khususnya mungkin pada mesin pencari, karena sebenarnya judul blog sangat penting dalam pencarian google. ya memang juga sih...dengan adanya title atau spaci tersebut sangat mengganggu tampilan blog [header] kita apalagi bagi yang ingin menampilkan blog cantik [ mengutamakan tampilan semata ] bahkan jika saya membaca beberapa diatara blogger rata-rata diantara mereka dengan adanya judul blog sangat mengganggu tampilan Header blog [ Kurang Menarik ]
      So", apa yang harus dilakukan dengan hal tersebut " Tinggal pilih ajha mau di benci google atau menampilkan Header cantik hehehe....karena biasanya dengan menghilang Judul blog [ spaci ] dengan mudah kita mengutak atik Header menjadi lebih Cantik hehehe...

Namun kalau tetap ingin menghapus Judul blognya dan menghilangkan spaci antara Header blog dan Navbar blog. ikuti ajha langkah-langkah berikut: tapi jangan nyesal iya jangan sampai you marah-marahin i. 

Sperti biasanya kalau pengen mengedit tamplate blog Langsung menuju Ke pengeditan Tempalet dengan menggkelik Edit HTML.

Kemudian Cari : Code 

<b:skin><![CDATA[/*

Gunakan tekhnik pencari HTML, dengan mengklik CTRL+F or F3, tapi biasanya berada di bagian atas hanya perlu bsedikit Scroll Kebawah sehingga menemukan Code hampir mirip seperti berikut : 

   <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Simple
Designer: Josh Peterson
URL:      www.noaesthetic.com
----------------------------------------------- */

Jika sudah dapat tinggal tambahkan code berikut persis dibawah code diatas


/* CSS to hid navigation bar */
#navbar {
height:0px;
visibility:hidden;
display:none;
}

Sehingga tampilannya seperi berikut: 


  <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Simple
Designer: Josh Peterson
URL:      www.noaesthetic.com
----------------------------------------------- */
/* CSS to hid navigation bar */
#navbar {
height:0px;
visibility:hidden;
display:none;
}

Oya untuk melihat hasilnya bisa Klik PREVIEW, kalau sudah oke Klik SAVE

Hampir lupa"! kalau suatau saat ingin mengembalikan judul blog sobat yang terhapus/ hilang, tinggal hapus code yang sobat tambahkan tadi. key bisa dicobah

22 comments:

  1. Replies
    1. sorry sobat, kemungkinan bedah template atau kesalahan HTML.

      Delete
  2. berhasil..makasih gan.

    ReplyDelete
  3. berhasil gan, makasih banyak ya
    mampir ya
    http://augustreinaldo.blogspot.com/

    ReplyDelete
  4. kayaknya beda template beda trik, intinya di kustomasi "height"...

    ReplyDelete
    Replies
    1. cobah, Gunakan template asli broew.

      Delete
  5. terimakasih bro, pas template yang dicontohkan pas yg saya pakai jadi langsung berhasil tanpa masalah, sebenarnya lagi nyari cara seting posisi tulisan di header biar g trlalu rapat dikiri bagaimna yaa,
    thanks for sharing. sukses selalu :)

    ReplyDelete
    Replies
    1. oh...gitu gan, perlu mengedit serta menambah code html asli template bawaan blogger, namun perlu pengetahuan dan mengerti dasar2 html karna ditakutkan jika terjadi kesalahan ketika mengedit html bawaan blogger, atau bisa menggunakan cara manual dengan membagi colom header menjadi 2 bagian, jadi di bagian kanan membuat judul baru dengan menggunakan corelDRAW, lalu judul yang lama kita kecilkan/ hilangkan, atau bisa mengubah warna judul blog sesuai bacground header blog agar tidak kelihatan.

      Delete
  6. infonya sangat menarik,,,
    dan bermanfaat,,

    ReplyDelete
  7. Sudah saya coba kok ga bisa ya dii blog saya,apa karena beda template ya?

    ReplyDelete
    Replies
    1. tapi saya sudah lihat blognya sepertinya sudah berhasil kawan.

      Delete

Jika ada sembarang pertanyaan silahkan komentar disini.