Membuat gambar rollover dalam wordpress tanpa plugin

Teman-teman sesama pengguna WordPress pasti pernah bertanya : bagaimana saya membuat gambar rollover dalam wordpress? ikutin saja share ini, sebenarnya sangat mudah, tanpa perlu plugin2an 🙂


Contoh gambar :


Yak, langsung aja saya kasih kodenya yah :

<img class="aligncenter size-full wp-image-554" title="rollover-up" onmouseover="this.src='http://orangorangan.com/wp-content/uploads/2011/08/rollover-down.jpg';" onmouseout="this.src='http://orangorangan.com/wp-content/uploads/2011/08/rollover-up.jpg';" src="http://orangorangan.com/wp-content/uploads/2011/08/rollover-up.jpg" alt="" width="316" height="408" />

yup, tinggal tambahin aja attribute ‘onmouseover‘ dan ‘onmouseout‘ jangan lupa perhatikan properti didalammnya yah, selamat mencoba! semoga membantu 🙂

sumber : googling trus ketemu ini