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.

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.
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 !
32 komentar:
mantap gan, thnx atas infox
@SMPN 21 Samarinda
Terimakasih kunjungannya.
Coba dulu ah... ;;)
biar gambarnya di tengah giman? yang ini kan di kiri dia
@ Fakhira:
Trmksh atas kunjungannya.
@ TUKANG CoLoNG
Coba tambahkan align="center" cara penulisannya bisa lihat di sini
Trmksh atas kunjungannya.
apakah semua gambar yang ada pada setiap posting ikut membesar pula :(
Thanks kang.... berhasil juga ternyata... O.iya seXan mu nanya kalau di blog aku kan misalkan cursor ke gambar, nah jadi ada tulisa "Click Here To Share" gt di gambarnya, nah itu tuh bikin gk enak buat di liatnya, jadi ada solusinya gk eah ?... makasih sblumnya
Kunjungan pagi...brooo, minta cript nya untuk mempercantik blog n trim's
buat mas darmasena
mantapppppp .... !!!!
keren banget ilmu2nya nih, sangat bermanfaat sekali saya sdng cari tutorial yang membuat gambar membesar ketika di sorot mouse, di blog anda sangat simple sekali tutorialnya tapi bisa di gunakan, sukses bro. silaturahmi dong ke blog saya www.bossgun.blogspot.com
Mantabss gan, izin sedot ilmunya ya...
Thanks dulu infonya kalau bisa imagenya besar tapi ngg gangggu baris sama tulisannya jadi naik turun yang bagusnya preview gambar aja disamping kursor kayak digame-game bisa ngg lg butuh
Trims,bro
makasi y da kasi penerangan untuk blog sy...
kunjungi blog sy www.sraluminium.blogspot.com
mengenai produk dan proyek aluminium
makasih ya infonya berhasill tuh,tapi kalo boleh di kasih fotonya caranya bgaimna,,thanks ya 1x lagi
Selain gambar garuda , yang laen apa lagi .. ?!
http://erincoodi.blogspot.com//
numpang ya gan
aku follow back deh...
ada cara yang otomatis nggak.?
Thank's infonya,,,,mampir di blogku yaaa
thanks gan untuk infonya, sangat membantu tentunya untuk perkembangan blog saya, bila agan berkenan silahkan kunjugni blog saya di d-ungu.blogspot.com
tetapi maaf apabila blog saya acak-acakan, maklum lah, saya adalah blogger awam . . .
woowwwwww.... I like it....
goods content... thanks ya....
http://ari2swanto.blogspot.com
:) :) :) ;)
:D wah thank gan,, infonya, salam kenal
thanks gan infonya....
http://cybermu-wizard.blogspot.com
:)) mantap bos,,banyak tutorial yg bisa ditemukan :)
makasih gan sudah share, sgt berguna
thx infonya gan, tapi ini juga berlaku utk text atau tidak gan. thx lagi.
salam ANC
Coba dulu gan..tanks
by http://generation-devision.blogspot.com
thnx gan.. saya sdh coba dan brhasil
oke
gan ikut belajar ya,moga bermanfaat artikelnya...
kunjungi balik http://joespy.blogspot.com
http://jatikaryafurniutre.blogspot.com
sip tanks
Kunjungi balik: alatfilter.blogspot.com
tidak bisa gan,, kenapa foto nya tidak bergerak membesar ya ?
padahal scriptnya sudah ane tanamkan ke dalam blog..
terima kasih ..
http://www.hotbuy.sg