Teman Blogger

Khamis, 5 November 2009

BAGAIMANA MEMBUAT NAVBAR AUTO HIDE


NavBar adalah menu yang berada dibahagian atas blog anda. Ia tampak seperti menganggu blog anda. Jadi disini disediakan satu kaedah dimana kita boleh membuat Auto Hide. Iaitu Navbar tadi tidak akan kelihatan, ia hanya akan kelihatan apabila diarahkan anak panah tetikus kita ketempat dimana NavBar itu berada.  

Kaedah ini tidak berhasil jika kita menggunakan Internet Explorer tetapi berfungsi dengan baik sekiranya anda menggunakan browser lain.

Di bawah adalah langkah2 untuk menbuat NavBar anda AUTO HIDE.

1.    Login blogger dengan ID anda
2.    klik Layout
3.    klik tab EDIT HTML
4.    klik Download Full template. ***Penting Back up template anda dahulu.
5.    Cari code yang sama seperti kod dibawah, beri tumpuan pada kod body:
6.    body {
7.    background: #8F8E8E;
8.    width: 100%;
9.    color: #000000;
10.    font-size: 12px;
11.    font-family: Arial, Tahoma, Verdana;
12.    margin: 0px auto 0px;
13.    padding: 0px;
}
14.    Copy dan paste kod berikut pada bahagian atas sebelum body  {....} :
15.    #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,
FinishedOpacity=100)}
16.    klik SAVE TEMPLATE
17.    Selesai dan sekarang NavBar anda adalah AUTO HIDE.

Selamat mencuba..

Tiada ulasan:

Catat Ulasan

Related Posts Plugin for WordPress, Blogger...
 

Masa Itu Emas

Langgan artikel Via Email

Kirim update terbaru dari
Blog Ajak terus ke Email anda!

Delivered by FeedBurner