Membuat Efek Rollover Pada Gambar Di Blogger

Membuat Efek Rollover Pada Gambar - Efek rollover berguna untuk menyatukan 2 gambar menjadi 1 pada sebuah blog. Efek ini bekerja jika mouse mengenai atau melewati gambar tersebut, contoh: jika mouse tidak mengenai gambar, maka gambar pertama akan muncul, sedangkan jika mouse mengenai gambar tersebut maka gambar tersebut akan berganti dengan gambar yang kedua.

Karena rollover sendiri mempunyai arti berguling atau berganti, jadi ketika mouse menyentuh gambar tersebut, maka gambar tersebut akan berganti menjadi gambar lainnya. Efek rollover hanya bekerja pada 2 gambar saja. Dan apabila gambar itu di klik maka akan tertuju pada halaman yang di atur.

Untuk lebih detailnya, silahkan lihat DEMO dibawah ini....

Cara Membuat Efek Rollover Pada Gambar Di Blogger

Untuk membuat efek rollover pada gambar, silahkan copy kode di bawah ini dan paste dimana saja, contoh: postingan, widget maupun lainnya.

 <a href="URL TUJUAN"><img src="URL GAMBAR PERTAMA DISINI" onmouseover="this.src='URL GAMBAR KEDUA DISINI'" onmouseout="this.src='URL GAMBAR PERTAMA DISINI'" /></a>

►Ganti kode berwarna Merah untuk URL tujuan gambar ketika di klik.
►Ganti kode berwarna Hijau dengan URL gambar pertama.
►Ganti kode berwarna Kuning dengan URL gambar kedua.

Itu dia artikel tentang Membuat Efek Rollover Pada Gambar Di Blogger, apabila anda menyukainya jangan lupa Subscribe untuk tetap terhubung dan juga menerima artikel terbaru dari blog ini melalui email secara gratis.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn