Membuat efek gambar membesar pada saat disorot

"pada saat disorot" maksudnya adalah ketika mouse di letakkan pada gambar maka otomoatis gambar tersebut akan membesar seperti contoh gambar dibwah ini :

Bagaimana keren kan..untuk membuatnya cukuplah mudah, kita tidak harus mengotak atik templet blog, cukup copi paste kan code dibawah ini dimana anda akan membuat efek tersebut .

<style type="text/css">
border: none;
vertical-align: top;
</style>
<script src="http://kodecode.googlecode.com/files/expandos.js" type="text/javascript">
</script><img border="0" class="expando" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir44gPbqB-VwQ58SpMvx0Gt18NuAOsA7wmIL7YfMd6rXu2fyfjcPsauGA3sJJ68NRksnfXKBSXzpF4dY_fj6-Iudigbto9Lti5R0MlMqU2Fv5fROUucZ21PTQfPuen0prj0v2uNFfzXvI/s1600/together-is-beautiful.jpg" width="100" />

ganti url yang berwarna merah diatas dengan url gambar anda. anda juga dapat mengubah ukuran gambarnya dengan mengganti angka pada heigh dan width pada gambar diatas saya menggunakan angka 100.

Source: www.thedexwan.net