Pages

Wednesday, March 24, 2010

Cara menghilangkan Navigasi Bar (Navbar) Blogger

Mungkin anda kadang melihat blog yang masih menampakkan navigasi bar.Secara default saat anda membuat blog,akan tampak navigasi bar yang terletak di bagian atas blog. Navigasi bar berguna untuk mempercepat login ke account blog anda untuk mengedit atau menambah postingan. Karena anda bisa langsung menekan tombol Sign in untuk masuk ke dashboard blog anda.

Jika anda telah menghilangkannya, maka untuk melakukan pengeditan atau menambah postingan, anda harus log in ke account blog anda pakai url:
http://www.blogger.com


Untuk menyembunyikannya, anda bisa gunakan prosedur berikut:

1. Login ke dashboard anda
2. Pilih Tata Letak => Edit Html => Centang "Expand Template Widget"

3. cari kode seperti di bawah ini

============================ Start code==========================

![CDATA[

============================ End code ==========================

4. Masukkan kode berikut setelah kode di atas


============================ Start code==========================

#navbar {
height: 0px;
visibility: hidden;
display: none;
}


============================ End code ==========================

Klik tombol SIMPAN Template. Silahkan Lihat perubahan pada blog anda.

Catatan:
Jika di template anda menemukan kode
/*-- teks */
letakkan script setelah /* --teks --*/
karena script atau teks yang ada dalam cakupan /* teks */ tidak diproses, karena dianggap sebagai keterangan.

Contoh:
============================ Start code==========================
![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: ArtPRO
Date: 27 Feb 2010
Updated by: Blogger Team
----------------------------------------------- */
============================ End code ==========================

diubah menjadi:

============================ Start code==========================
![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:
ArtPRO
Date: 27 Feb 2010
Updated by: Blogger Team
----------------------------------------------- */
#navbar {
height: 0px;
visibility: hidden;
display: none;
}
============================ End code ==========================

No comments:

Post a Comment