Membuat Tombol Download Berubah Warna Ketika Disorot Mouse

Membuat Tombol Download Berubah Warna Ketika Disorot Mouse - Salah satu trik untuk menghiasi blog yaitu dengan membuat tombol download yang ketika disorot mouse berubah warna atau lebih dikenal dengan efek rollover. Sehingga blog kita lebih kelihatan profesional. 

Screenshot:

  

Membuat Tombol Download Berubah Warna Ketika Disorot Mouse - Caranya cukup mudah:

• Kita siapkan 2 buah gambar yang sama namun berbeda warna, silahkan upload dan catat urlnya dari masing-masing gambar.
• Kemudian copas kode di bawah ini ke postingan sobat, letakan sesuai posisi yang diinginkan, namun sebelumnya postingan sobat harus di over dari Compose ke HTML dengan klik tombol HTML di sebelah kiri atas postingan.

 <style type="text/css">
a.pic .image2{display:none}
a.pic:hover .image1 {display:none}
a.pic:hover .image2 {display:inline}
</style>


<center><a class="pic" href="URL TUJUAN GAMBAR DIKLIK" target="_blank">
<img class="image1" src="URL GAMBAR 1" />
<img class="image2" src="URL GAMBAR 2" /></a></center>

URL TUJUAN GAMBAR DIKLIK silahkan ganti dengan url tujuan pengklikan gambar, biasanya diisi dengan link download.
URL GAMBAR 1 dan URL GAMBAR 2 silahkan ganti dengan url gambar yang tadi diuplad.

• Silahkan preview dulu postingan sobat, kalau sudah OK silahkan publish kan postingan sobat.

Membuat Tombol Download Berubah Warna Ketika Disorot Mouse - Demikian trik kali ini, mudah-mudahan bermanfaat.