Cara Sembunyikan Navbar Blogger

Sabtu, 19 Maret 2011

Navigation Bar (Navbar) seperti contoh pada gambar di atas adalah widget bawaan dari Template Blogspot, nah jika Anda merasa terganggu dengan andanya tampilan Navbar pada Blog Anda, jangan khawatir karena sudah ada trik untuk menyembunyikannya.

Cara Sembunyikan Navbar Blogger tersebut adalah sebagai berikut:

Untuk Template Widget, sebagai berikut: 
  1. Login ke Blogger.
  2. Pada Dashboard, klik Layout/Rancangan, lalu klik Edit HTML dan jangan lupa beri tanda centang pada tulisan Expand Widget Templates;
  3. Cari kode ]]></b:skin>
  4. Sebelum baris kode ]]></b:skin>, tambahkan kode dibawah ini:
    #navbar { display: none; }
    atau:
    #navbar-iframe { display: none !important; }
  5. Klik Save Template, selesai.

Untuk Template Klasik, sebagai berikut:
  1. Sama dengan langkah di atas, pada tab Edit HTML cari kode: </style>;
  2. Kemudian sebelum kode </style> tambahkan kode di bawah ini:
    #navbar-iframe { display: none; }
  3. Selanjutnya cari kode body {;
  4. Setelah kode body { tambahkan kode di bawah ini:
    position: relative; top: -32px;
  5. Klik Save Template, selesai.

Untuk menampilkan dan menunjukkan kembali Navbar, cukup menghapus kode yang berwarna biru tersebut.

0 komentar:

Pasang emoticon dibawah ini dengan mencantumkan kode di samping kanan gambar.

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: :q:

Posting Komentar

Silahkan komentar dengan isi artikel yang terkait, No Spam!!

Related Posts Plugin for WordPress, Blogger...