Get paid to share your links!
The title of your home page Tutorial - Cara buang atau hide Navbar dalam blogger | Blog Tutorial By BalQis
"Backlink Review" By Balqis --> New : Untuk BACKLINK website anda sila komen di mana2 post blog Balqis
Flag Counter

Tutorial - Cara buang atau hide Navbar dalam blogger

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 HIJAU macam di bawah ni (Ia tidak bewarna hijau dalam kod html korang):


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

]]></b:skin>
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...


Sharing is caring ^_^

1 comment:

Related Posts Plugin for WordPress, Blogger...
Copyright© All Rights Reserved burairabalqisfaiha.blogspot.com/