Minggu, 27 Mei 2012

Cara Sembunyikan Navbar Blogspot

Navigation Bar (Navbar) seperti contoh pada gambar berikut, silahkan Klik Disini 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 Blogspot tersebut adalah sebagai berikut:

A. 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.

B. 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.


= = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = =

1 komentar: