buat expanded image

hari ni kita belajar cara buat imej yang boleh dibesarkan bila kita dekatkan cursor kepad aimej tersebut.....

contoh macam gambar kat bawah ni ha...

1. Sign in akaun blogger anda.
2. Pilih LAYOUT/DESIGN --> EDIT HTML.
3. BACKUP TEMPLATE anda dahulu untuk mengelakkan sebarang masalah.
4. Klik pada EXPAND WIDGET TEMPLATE
5. Cari kod ini.

</head>

6. Copy kod di bawah dan letakkan di atas kod tadi.

<style type='text/css'> img.expando{ /*sample CSS for expando images. Not required but recommended*/ border: none; vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/ } </style> <script src='http://h1.ripway.com/syamzone/Expand Image.txt ' type='text/javascript'> /* Expando Image Script &#169;2008 John Davenport Scheuer as first seen in http://www.dynamicdrive.com/forums/ username: jscheuer1 - This Notice Must Remain for Legal Use */ </script>

7. kemudian klik save template
8. Untuk menggunakan 'Expand Image Effect' dalam artikel / post terbaru. Gunakan kod di bawah dan gantikan url imej berwarna biru kepada Url imej anda.

<center> <img class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9MxFfaoMCt8vgiAy1Acmo6g59t1sEsiwo1qTOm5YDx4VFajEmx8dMTE628N7e18fATuGOKAYgbPMg3zP-Cub0eo6_VwGzyW77I6NThNuq5ICgWKQI69hA4rgsaPSIh5rmVcYkb8M4PABX/s400/angry_boy_cartoon.gif" border="0" width="200" height="200" /> </center>

p/s: langkah 8 tu perlu anda masukkan dalam setiap posting anda yang anda mahukan imej membesar bila dilalukan cursor ke arahnya. dan pastikan new post tu dalam mode edit HTML dan bukannya compose ya....
kalau ada apa-apa pertanyaan silalah kemukakan