Minggu, 01 Februari 2009

Cara Menghilangkan / Menyembunyikan Navbar di Blogger

Setelah membuat banyak tulisan (posting), dan menghiasi blog Anda dengan bermacam gadgets di sidebar, mungkin Anda sedikit terganggu dengan bar navigasi (navbar) yang selalu muncul di bagian atas blog Anda.

Maksud Blogger menyertakan bar navigasi tersebut mungkin agar memudahkan penggunanya berkeliling dunia blog atau langsung menuju dasbor dan pengaturan blog, tapi tampilannya justru memberikan kesan web log yang tidak serius bagi sebagian pengguna dan pengunjung serta mengurangi estetika dari tampilan blog yang kita desain.

Apakah Anda merasa terganggu dengan navbar tersebut?



Apabila jawabannya ya, berikut ini adalah trik untuk menghilangkan / menyembunyikan navbar tersebut dari tampilan blog Anda.

1. Sign in ke blogger.
2. Dari Dasbor (Dashboard) Anda, pilih menu Tata Letak (Layout).
setelah masuk ke menu tab template, klik Edit HTML. Anda akan dibawa ke
kotak HTML (HTML box) blog Anda.
3. Paste CSS definiton berikut di bawah tulisan <b:skin><![CDATA[/* atau diatas template code sehingga menjadi seperti ini:

...
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Rounders
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="mainTextColor" description="Text Color" type="color"
default="#333" value="#333333">
...


Untuk memunculkan kembali Navbar tersebut, anda tinggal menghapus kode CSS definitions tadi.

Sekarang lihat kembali blog Anda, jika gagal, periksa kembali apakah Anda sudah meletakkan kodenya dengan benar.

Terima kasih.

Referensi: http://blogger-templates.blogspot.com/

Tidak ada komentar:

Posting Komentar