Cara Sembunyikan Navbar Blogger

Sabtu, 20 Maret 2010

Cara Sembunyikan Navbar Blogger

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 Blogger tersebut adalah sebagai berikut:

A. Untuk Template Widget, sebagai berikut:

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

B. Untuk Template Klasik, sebagai berikut:

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