Home  ›  Tips and Trik

Menyembunyikan Navbar Blogger ( Kok Kodenya Begitu Sih?)

Add Comment Edit
Sudah banyak tips/tutorial yang membahas cara menghilangkan Navbar Blogger! Taukah anda  darimana kode itu asal muasalnya? anda mungkin gak peduli dengan kode CSS yang sudah disediakan untuk menyembunyikan navbar! tapi bagi seorang yang haus dan penasaran akan ilmu? mungkin anda bertanya-tanya darimana kode itu? Navbar digunakan untuk melakukan pencarian pada blog yang sedang anda kunjungi, jalan pintas menuju Dashboard/blogger dengan klik logo di samping kiri, menandai konten yang dilarang, membarikan informasi bahwa anda sedang sign-in dan jalan pintas untuk kluar/sign-out. berikut kode untuk menghilangkan navbar pada blogger anda.
Untuk menyembunyikan navbar blogger, cukup memasukan kode di bawah ini:

  #navbar, #navbar-iframe {
   height: 0px;
   visibility: hidden;
   display: none;
}

kemudian letakan kode di atas sebelum kode ]]></b:skin> dan simpan, Insya Allah Navbarnya akan hilang.

Taukah anda mengapa menggunakan /didapat kode seperti itu? padahal kita tidak tau kode dan Id navbar ketika melakukan editHTML di blog hal ini karena blogger tidak menampilkannya. terus darimana kita tau dan menggunakan kode itu. nah ini dia jawabannya:

Silahkan kunjungi Blog anda misalnya http://dunia-blogger.blogspot.com
kemudian setelah blog terbuka silahkan lihat source kodenya dengan cara menggunakan kombinasi Ctrl+U pada keyboard untuk browser firefox.

Kemudian kode <body> dan  ini lah kode yang merupakan awal munculnya kode itu.
 
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript">    function setAttributeOnload(object, attribute, val) {      if(window.addEventListener) {        window.addEventListener("load",          function(){ object[attribute] = val; }, false);      } else {        window.attachEvent('onload', function(){ object[attribute] = val; });      }    }  </script><iframe src="http://www.blogger.com/navbar.g?targetBlogID=714406304483671032&amp;blogName=Dunia+Blogger&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLUE&amp;layoutType=LAYOUTS&amp;homepageUrl=http%3A%2F%2Fdunia-blogger.blogspot.com%2F&amp;searchRoot=http%3A%2F%2Fdunia-blogger.blogspot.com%2Fsearch" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" title="Blogger Navigation and Search"></iframe><div></div>
 
Kode yang ditandai warna merah itulah kode yang digunakan untuk menyembunyikan navbar. Mudah mudahan pertanyaan anda terjawab dengan baik.
Adapun pada CSS menyatakan visibility: hidden; dan Display: none; adalah parameter CSS untuk menyembunyikan sesuatu hal kalau disini ya Navbar:)Ini sebagai bahan tips berikutnya loh.

Berikutnya: Menampilkan Navbar Blogger di Footer/bawah.
Tampilkan Komentar
Sembunyikan Komentar

0 Response to "Menyembunyikan Navbar Blogger ( Kok Kodenya Begitu Sih?)"

Post a Comment

Subscribe to: Post Comments (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel