Cara membuat gambar jadi membesar jika disorot dengan mouse

Langkah-langkah cara membuat efek gambar jadi membesar jika disorot dengan mouse :
Copy kode html di bawah ini!

<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/AVvXsEhMY1NZj5CCM70nL-W-HLSpOB-fvZgvvi6aDMZ61kwEiG_o4E0NKPc-GEQ5MBUSEI9bj4HheCj9c4GzeXtwv6NcZ6GS2eW0FGXvf_fNgBopCg-wCbgjQ5GcCB6JkhFsllZKsM_ZIhjMXLg/s1600/Raka+Selvi.jpg" width="80" />

DEMO

Sorot gambar Raka & Selvi dibawah!

Raka & Selvi

  Kemudian paste ke postingan web kalian, perhatikan untuk memaste kode html (efek gambar jadi membesar jika disorot dengan mouse) di atas, ubahlah gaya penulisan posting kalian dari compose ke html.

Keterangan kode html membuat efek gambar jadi membesar jika disorot dengan mouse :

<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/AVvXsEhMY1NZj5CCM70nL-W-HLSpOB-fvZgvvi6aDMZ61kwEiG_o4E0NKPc-GEQ5MBUSEI9bj4HheCj9c4GzeXtwv6NcZ6GS2eW0FGXvf_fNgBopCg-wCbgjQ5GcCB6JkhFsllZKsM_ZIhjMXLg/s1600/Raka+Selvi.jpg" width="80" />

1. Tulisan angka 100 biru adalah ukuran tinggi gambar sebelum membesar.
2. Tulisan merah https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMY1NZj5CCM70nL-W-HLSpOB-fvZgvvi6aDMZ61kwEiG_o4E0NKPc-GEQ5MBUSEI9bj4HheCj9c4GzeXtwv6NcZ6GS2eW0FGXvf_fNgBopCg-wCbgjQ5GcCB6JkhFsllZKsM_ZIhjMXLg/s1600/Raka+Selvi.jpg ini ganti dengan url gambar kalian.
3. Tulisan angka 80 hijau adalah ukuran lebar gambar.