Tutorial Blogspot : Cara Mudah Menghilangkan Navbar pada Blogspot

Mengapa tutorial blogspot tentang Cara Mudah Menghilangkan Navbar pada Blogspot ini saya buat? Navbar atau Navigation Bar header pada blog berbasis blogspot buat sebagian orang mungkin dianggap mengganggu penampilan sebuah blog. Jika anda termasuk kategori tersebut, anda dapat menghilangkan navbar ini. Tapi sebelum menghilangkan navbar tersebut ada baiknya anda berfikir-fikir dahulu dan silahkan baca dan belajar TOS blogspot secara seksama, karena resikonya sangat berat yaitu di tutupnya account blogger anda. Anda tidak akan bisa ngeblog lagi menggunakan akun tersebut

Yuk langsung mulai ajah belajar  Cara Menghilangkan Navbar pada Blogspot

    • Login ke akun blogger anda, pilih blog yang ingin anda edit, klik link Layout kemudian masuk ke Edit HTML
    • Jangan lupa centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.
    • Masukkan kode berikut sebelum atau diatas  kode CSS  } ]]></b:skin>

/* hilangkan navbar
—————————– */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

    • Klik tombol Simpan Template
    • Selesai.
    • Atau bisa juga dengan cara menaruh kode berikut persis di bawah kode <body> :

<style type=’text/css’>
#navbar-iframe {display:none;}
</style>

Apabila anda ragu2 untuk menghilangkan secara permanen Navbar tersebut anda bisa menggunakan autohide pada navbar tersebut

Cara AutoHide Navbar Blogger :

    • Login ke akun blogger anda, pilih blog yang ingin anda edit, klik link Layout kemudian masuk ke Edit HTML
    • Jangan lupa centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.
    • Masukkan kode berikut sebelum atau diatas  kode  body {

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

  • Klik tombol Simpan Template
  • Selesai.

Leave a Reply

Your email address will not be published. Required fields are marked *