Tutorial Blogspot : Cara Mudah Menghilangkan Navbar pada Blogspot

Posted by admin
18 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: 2,903 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.

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

  • maseadi

    Ijin ngopi untuk di posting di http://www.newsdigital.blogspot.com

    Balas

    admin Reply:
    January 28th, 2009 at 4:34 pm

    @maseadi, silahkan mas

    Balas

  • Anda Rukanda

    Udah lama gue cari Teacherweb model gini, sekalian aja ah gue coba semua he he he

    Anda Rukanda´s last blog post..Pola Berfikir Positive Thinking 006

    Balas

    admin Reply:
    February 13th, 2009 at 5:28 pm

    makasih appreasiasinya mas

    Balas

  • Pemilu Indonesia 2009

    kalau pake blogger template dari luaran, kebanyakan navbar udah di hidden ya, hehe

    Pemilu Indonesia 2009´s last blog post..Kampanye Damai Pemilu Indonesia 2009

    Balas

  • Wisata SEO Sadau

    Kalo mau munculinnya lagi gmana mas..
    krn sy pake template dari luaran..

    Wisata SEO Sadau´s last blog post..Kontes SEO Aristia Wida Rukmi

    Balas

    admin Reply:
    May 19th, 2009 at 4:35 am

    tinggal hapus codenya mas

    Balas

  • oeoes

    punyaku template dari sononya memang sudah bialng kang…!!!
    hehehehehehe
    sorry jarang sowan…….!!!!!

    Balas

  • ferindra

    thanks saya akan coba.

    Balas

  • ferindra

    Saya mau tanya kenapa di blog saya untuk posting comment dari posting tulisan saya ko enggak muncul yaa..maksaih sebelumnya.

    Balas

  • Indikator Forex Download

    Makasih infonya mas. kunjung balik dong…:)

    Balas

  • zups

    udah lama g utak atik kode blogspot. pas bikin blog baru di blogger, lupa dh cara ngilangin navbarnya. untung nyangkut di blog ini. thanks ya boz

    Balas

  • andy

    thanks mas tipsnya…

    Balas

  • ayo berbagi

    saya hanya menerapkan auto hide bos.
    saya masih baru jadi takut di bannned.
    tapi saya thank atas infonya.
    saya gunakan langkah ketiga tersebut.

    Balas

  • adi

    kok nav bar nya tdk ilang,malah ada replay:Edit konten dari template Anda. Info lengkap
    Kami tidak dapat menyimpan template Anda.
    Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
    Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: The markup in the document following the root element must be well-formed.
    gimana?

    Balas

  • wisno

    Thanks Mas.

    Sudah saya pakai dan berhasil

    Balas

  • amar

    bro thankz yeeeee

    Balas

  • mulyana

    wah mas maksih bgt nih,,,,info ini emang saya lagi cari maksih ya mas ya ,,saya coba langsung tokcer,,heeeee ,,,sukses mas ,,;lagi belajar nih mas,,,,

    Balas

Leave a Comment

CommentLuv Enabled

«
»