Rabu, 10 April 2013

Tips Cara Menghilangkan Navbar Default dari Blogger

Saat pertama kali sobat modif punya blog dari blogger, pasti sobat modif akan lihat ada sebuah navigasi yang terletak di atas blog. Nah, itu namanya navigsi bar. Biasanya navbar tersebut berwarna biru dan bentuknya seperti gambar di bawah.

menghilangkan navigasi bar atau navbar blogger

klik untuk memperbesar.
Untuk sobat modif yang terganggu dengan keberadaannya, navbar terssebut dapat dihilangkan. Nah, bagaimana cara menghilangkan navigasi bar bawaan dari blogger tersebut ?


Berikut caranya:

  • masuk ke blog
  • cari dan klik menu tata letak / lay out
  • klik submenu Edit HTML
  • jangan lupa mencentang terlebih dahulu kotak kecil di samping tulisan expand template widget


  • cari kode berikut  <![CDATA[ , posisinya di atas
  • letakkan kode di bawah ini tepat setelahnya
 #navbar-iframe {
   display: none !important;
}
Perlu diketahui : biasanya kode <![CDATA[ di bawahnya ada keterangan template contohnya seperti ini


  <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template
Name:     Blue and modifblogmu
Designer: Raffkhan habib
URL:      http://modifblogmu.blogspot.com
Date:     27 Maret 2010
----------------------------------------------- */

  • lalu masukkan kode penghilang navbar tadi ( dalam bentuk CSS ) seperti ini

 <b:skin><![CDATA[

     #navbar-iframe {

       display: none !important;

    }

/*
-----------------------------------------------
Blogger Template
Name:     Blue and modifblogmu
Designer: Raffkhan habib
URL:      http://modifblogmu.blogspot.com
Date:     27 Maret 2010
----------------------------------------------- */

  • kalau masih bingung letakkan aja di bawah keterangan template tersebut, contohnya seperti berikut

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template
Name:     Blue and modifblogmu
Designer: Raffkhan habib
URL:      http://modifblogmu.blogspot.com
Date:     27 Maret 2010
----------------------------------------------- */

  #navbar-iframe {

       display: none !important;
       }

  • Nah, pasti yang itu ngerti 
  • setelah selesai klik save template / simpan template
  • lalu lihat navbarnya.
Sumber Artikel

Tidak ada komentar:

Posting Komentar