Sabtu, 05 Mei 2012

Setting untuk Menghilangkan Navbar Header Default Blogger pada Blogspot

Jika anda seorang blogger yang memakai sarana Blogspot.com atau Blogger.com untuk menulis. Kadang anda merasa terganggu dengan kemunculan Navbar (Navigation Bar) yang merupakan header bawaan dari Blogspot. Karena dengan adanya Navbar tersebut Web atau Blog anda kelihatan sangat umum dan kurang elegan. Nah untuk menghilangkan cukup dengan membuka Template anda, kemudian klik Edit HTML

Carilah bagian script berikut ini :


/* Content

----------------------------------------------- */



body {

  font: $(body.font);

  color: $(body.text.color);

  background: $(body.background);

  padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);

  $(body.background.override)

}


Ingat jangan ubah bagian tersebut, yang perlu dilakukan hanya menyisipkan saja script atau kode program CSS / HTML berikut ini di atas tulisan body :


#b-navbar {

height:0px;

visibility:hidden;

display:none}



#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}


Sehingga hasil akhirnya sebagai berikut :



/* Content

----------------------------------------------- */

#b-navbar {

height:0px;

visibility:hidden;

display:none}



#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}



.Navbar {

visibility:hidden;

display: none;

}



body {

  font: $(body.font);

  color: $(body.text.color);

  background: $(body.background);

  padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);

  $(body.background.override)

}


Jangan lupa klik Simpan. Selamat mencoba, semoga berhasil :)