Jumat, Januari 14, 2011

Membuat Navigation Bar Blog menjadi Autohohide

Halo para blogger... ketemu lagi. Rekan pasti sudah tahukan Navigation Bar yang ada di atas blog atau biasa juga disebut Navbar. Buat para blogger pemula seperti saya, tutor ini mungkin sangat berguna.

Nah biar blog kita tambah menarik, tampilan navbar tersebut bisa kita buat autohide alias tampil saat disentuh saja atau jika kursor mouse diarahkan ke atasnya). Cara ini tidak menyalahi peraturan Blogger kerana masih terdapat navbar lagi dibandingkan kalau kita menghilangkannya.


Untuk membuat Navbar sobat menjadi autohide, ikuti langkah-langkah berikut:


1.Pertama tentu anda harus login dulu
ke blog anda

2.Setelah anda login Klik pada Dashboard,dan pilih Edit HTML jangan lupa centang expand widget

(Biasakan selalu backup template anda sebelum melakukan perubahan)

3.Carilah code berikut


body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}



4.Letakkan code berikut di atas code tadi

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

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


Nah jadinya seperti ini:


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

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}


5.Klik save template untuk menyimpan perubahan yang sudah dibuat


6.Sekarang lihat blog anda untuk melihat perubahan yang terjadi.



..Selamat mencoba..
Dantocom di Facebook

Artikel Lainnya..



Share