Harry Potter - Golden Snitch

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 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

5 comments:

  1. Yup memang seronok bila dapat tutup Navbar, tapi seribu penyesalan bila Navbar dah ditutup, tempat untuk edit gadget automatik akan hilang sekali. Haha.. :D

    ReplyDelete
  2. ena sudah membuang Navbar..mekasih share...

    ReplyDelete
  3. Heyа і'm for the first time here. I came across this board and I find It truly useful & it helped me out much. I hope to give something back and aid others like you helped me.

    Have a look at my weblog; cheap small yachts online ()

    ReplyDelete

Don't forget to drop your comment.. Thanks ya!

Tutorial Blog Tutorial Blog Tutorial Blog
Creative Commons License
Khaiangel (Dot) Com is licensed under a
Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License
.
©KhaiAngel.Blogspot.Com All Rights Reserved