GAMBAR MEMBESAR KETIKA DISOROT

Memang menyenangkan kalau kita disuruh bermain-main dengan gambar. Apalagi gambar atau image yang kita suka, rasanya ingin cepat-cepat dipajang untuk dipamerkan ( kalau yang ini lagi pamer gigi ). Posting kali ini berhubungan dengan gambar zoom ala dynamic drive, yaitu gambar akan membesar ketika disorot. Maksudnya saat mouse kita arahkan ke gambar maka gambar akan lebih besar dari ukuran sebelumnya.
Untuk membuatnya sobat bisa menggunakan cara di bawah ini.
  • Masuk ke blog sobat.
  • Klik tata letak.
  • Pilih edit HTML.
  • Cari kode </head>.
  • Letakkan script di bawah ini di atasnya, hingga posisinya sbb:
    <style type='text/css'>
    border:none;
    vertikal-align:top;}
    </style>
    <script src="http://sites.google.com/site/darmasites/my-forms/gambarmembesarketikadisorot.js" type="text/javascript">
    </script>
    </head>.
  • Kemudian klik simpan.
Ketika akan posting gambar atau image sobat tinggal menambahkan sedikit kode pada alamat gambar yang sobat punya.
Misal:

<img class="expando" border="0" src="http://i761.photobucket.com/albums/xx252/darma_bucket/th_garudajpn.png" width="75" height="75">

Untuk melihat hasilnya arahkan cursor sobat pada gambar di bawah.

Semoga bermanfaat !