Tutorial - Cara buang atau hide Navbar dalam blogger

Tweet

APAKAH BLOGGER NAVBAR?

Blogger Navbar muncul secara default di bahagian atas setiap blog Blogger. Apabila korang berblog, Navbar boleh menjadi perkara yang sangat berguna, tetapi kadang-kadang, ia juga menggangu permandangan blog..

Kebaikan Navbar ialah :

- Mudah untuk search blog orang lain
- "Flagging" Blog yang mengandungi kandungan yang keterlaluan.
- NextBlog - Membawa korang secara random ke blog yang baru diupdate.
- Quick link ke dashboard dan dialog sign in / sign out.
- Klick pada tanda B dan ia akan membawa korang ke blogger.com

Satu-satunya kelemahan utama navbar ialah visualnya. Jika korang telah customize template blog korang, navbar biasanya tidak sesuai dan akan mengganggu permandangan blog..

MENGUBAHSUAI, MEMBUKA ATAU MENYEMBUNYIKAN NAVBAR

Korang ada 3 pilihan di sini:
1. Mengubah warna Navbar
2. Membuang Navbar
3. Menyorokkan Navbar

Perhatian! - Tutorial menggunakan "New Blogger Interface"

Sila ikuti langkah ini :

1. LOGIN > LAYOUT > klik "Edit" dalam box NAVBAR, dan korang boleh pilih warna Navbar yang korang suka.

2. Sekiranya korang ingin membuang Navbar korang boleh pilih untuk "off" semasa edit Navbar tadi. Tetapi kalau tiada option untuk "off" Navbar korang boleh ikut tutorial ni...

**Sebelum korang buat apa-apa, sila back-up template korang. Kemudian anda perlu:

LOGIN > TEMPLATE > EDIT HTML "Klik Proceed"> Kemudian korang kena letak kod ini DI ATAS kod yang bewarna KUNING macam di bawah ni (Ia tidak bewarna kuning dalam kod html korang):

#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}

]]></b:skin>

3. Terdapat juga cara lain untuk mengubahsuai Navbar. Ia dipanggil "Peek-a-boo Blogger Navbar" ataupun "Navbar main tapuk-tapuk (sorok-sorok)". Ia merupakan cara untuk menyorokkan Navbar, dan ia hanya akan muncul sekiranya korang mouse over sekitar area blog korang yang paling atas, Navbar akan pops out.. Preview di SINI.

Untuk menyorokkan navbar korang harus letakkan kod di bawah ni dalam Template (tempat yang sama seperti contoh yang di atas) :

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)

Save Template... dan Senyum! :D

Tags: Tutorial Blog, Tutorial Blog Cara buang Navbar, Tutorial Blog Melayu, Cara Buat Blog, Cara Bina Blog, Tutorial Blogspot, Tutorial Blogger