Tips Trik Membuat NavBar Autohide Blog
Selamat sore, salam jumpa dengan Fendyc lagi disini. pada kesempatan kali ini fendyc akan mengulas tentang Tips ataupun Trik dalam bermain Blog. Membuat NavBar Autohide menarik perhatian fendyc kali ini. hehe........... ga usah panjang dan lebar lagi langsung aja pada pokok bahasan ye..!
Standarnya, setiap Blog yang dibuat melalui Blogspot mempunyai tampilan NavBar atau Navigatorbar dibagian posisi atas.
Namun dengan sedikit Trik, maka NavBar ini dapat anda atur. Salah satunya adalah membuat NavBar tersebut autohide yaitu pada saat mouse berada pada posisi atas, maka NavBar akan tampil.
Pengen mempunyai gaya seperti ini?????? mari ikuti saya :
- Pastikan anda telah login dan membuka halaman Dashbor atau control panel blog
- Setelah itu lalu klik menu tata letak yang berada pada halaman tersebut
- Selanjutnya pada halaman Tata Letak, pilih menu Edit HTML
- Kemudian akan tampil halaman Edit HTML
- Setelah itu pada bagian kotak edit template, cari kode body {.
- Kemudian letakkan kode dibawah ini diatas kode body {. Lalu klik Simpan Template
#navbar-iframe {opacity:0.0;filter:alpha (opacity=0) }
#navbar-iframe:hover{opacity:1.0;filter:alpha (opacity=100, FinishedOpacity=100)} Apabila proses berhasil, maka akan tampil kalimat "Perubahan Anda telah disimpan. Lihat Blog"
Selanjutnya Anda buka halaman Blog yang telah anda modifikasi dan lihat hasilnya...!!!
Comments