Tutorial Blogspot : Cara Mudah Menghilangkan Navbar pada Blogspot

Posted by admin
13 Comments
This item was filled under [ Tutorial 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.
Related Posts

Incoming search terms for the article:

Popularity: 1,656 views
Tagged with: [ ]
You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.

13 Comments on “Tutorial Blogspot : Cara Mudah Menghilangkan Navbar pada Blogspot”

Leave a Comment

«
»