Menampilkan Hover Pada Blog
klik disini untuk mempelajarinya.Setelah mempelajari mempelajari background blog dengan image, kini anda sanggup memasang hover background blog dengan image.
Kode dibawah ini merupakan arahan dari bab body yang telah dipasang image sebagai background blog.
body {
font: $(body.font);
color: $(body.text.color);
background:black url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override)
}Tambahkan arahan ini sempurna dibawah arahan body diatas
body:hover {
background:black url(http://img36.imageshack.us/img36/9214/44128720.jpg?imgmax=100%) repeat-x fixed top center;
}Secara lengkap kodenya akan menjadi ibarat ini :
body {
font: $(body.font);
color: $(body.text.color);
background:black url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override)
}
body:hover {
background:black url(http://img36.imageshack.us/img36/9214/44128720.jpg?imgmax=100%) repeat-x fixed top center;
}Jangan lupa bedakan url gambar pada bab
body { dengan bab body:hover {Setelah anda mencoba pada bab body, coba pula pada bab lain dari blog.
Selamat mencoba, biar bermanfaat...!!! Sumber http://epg-studio.blogspot.com/