Cara Memperbesar Gambar ketika Mouse digeser

Apa kabar sobat blogger semua, semoga selalu dalam lindungan TYME, Amin. Bagi saya bermain dengan gambar-gambar di dalam blog sangatlah menyenangkan, apalagi gambar atau image yang kita suka, rasanya ingin cepat-cepat dipajang untuk dipamerkan (kalau sekarang lagi narsis niiih, unjuk gigi.. xixixi). 

Pada kesempatan posting kali ini saya ingin sedikit menguak hal berhubungan dengan gambar zoom versi dynamic drive, yaitu gambar akan membesar ketika disorot. Maksudnya begini ketika mouse kita arahkan ke gambar tersebut maka gambar akan lebih besar dari ukuran sebelumnya.

Langsung saja, kita ikuti langkah-langkahnya :
0. Baca basmallah terlebih dahulu
1. Masuk ke blog sobat.
2. Klik tata letak.
3. Pilih edit HTML.
4. Cari kode </head>.
Letakkan script di bawah ini tepat di atas </head>, hingga posisinya seperti ini :
<style type='text/css'>
border:none;
vertikal-align:top;}
</style>
<script src="http://forum-buku.googlecode.com/files/gambarmembesarketikadisorot.js" type="text/javascript">
</script>
</head>.

5. Jangan lupa klik simpan.
6. Terakhir ucapkan Alhamdulillah, karena langkah-langkahnya berhasil dengan baik.

Nah, setelah selesai ketika akan posting gambar atau image sobat tinggal menambahkan sedikit kode pada alamat gambar yang sobat punya.

 

Berikut kode scriptnya :
<img class="expando" border="0" src="URL Gambar" width="75" height="75">

NB : URL GAMBAR diganti dengan alamat gambar yang akan diposting

Penting :
Pas mau posting gambar jangan lupa masuk ke kome HTML, jangan yang Compose :D

Sekian