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 !



34 komentar:

SMPN 21 Samarinda mengatakan...

mantap gan, thnx atas infox

Darmasena mengatakan...

@SMPN 21 Samarinda
Terimakasih kunjungannya.

Fakhira mengatakan...

Coba dulu ah... ;;)

TUKANG CoLoNG mengatakan...

biar gambarnya di tengah giman? yang ini kan di kiri dia

Darmasena mengatakan...

@ Fakhira:
   Trmksh atas kunjungannya.

@ TUKANG CoLoNG
   Coba tambahkan align="center" cara penulisannya bisa lihat di sini
   Trmksh atas kunjungannya.

rey mengatakan...

apakah semua gambar yang ada pada setiap posting ikut membesar pula :(

Anthzo mengatakan...

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

mantpi mengatakan...

Kunjungan pagi...brooo, minta cript nya untuk mempercantik blog n trim's

Idung mengatakan...

buat mas darmasena
mantapppppp .... !!!!

BOSS GUN mengatakan...

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

Muro'i El-Barezy mengatakan...

Mantabss gan, izin sedot ilmunya ya...

Game-Online mengatakan...

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

dien-elcom mengatakan...

Trims,bro

Sumber Rezeki Abadi Rawamangun mengatakan...

makasi y da kasi penerangan untuk blog sy...

kunjungi blog sy www.sraluminium.blogspot.com

mengenai produk dan proyek aluminium

wina apriliani mengatakan...

makasih ya infonya berhasill tuh,tapi kalo boleh di kasih fotonya caranya bgaimna,,thanks ya 1x lagi

Annisa Safari mengatakan...

Selain gambar garuda , yang laen apa lagi .. ?!

OEA-index mengatakan...

http://erincoodi.blogspot.com//
numpang ya gan
aku follow back deh...

horison pengetahuan mengatakan...

ada cara yang otomatis nggak.?

Black Market7 mengatakan...

Thank's infonya,,,,mampir di blogku yaaa

D-UNGU mengatakan...

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 . . .

ari riswanto mengatakan...

woowwwwww.... I like it....

goods content... thanks ya....

http://ari2swanto.blogspot.com

:) :) :) ;)

BERITA PONSEL mengatakan...

:D wah thank gan,, infonya, salam kenal

Rezky Wiratama mengatakan...

thanks gan infonya....

http://cybermu-wizard.blogspot.com

yang lebih mantap mengatakan...

:)) mantap bos,,banyak tutorial yg bisa ditemukan :)

Cara Bikin Status Warna warni mengatakan...

makasih gan sudah share, sgt berguna

w. pramono mengatakan...

thx infonya gan, tapi ini juga berlaku utk text atau tidak gan. thx lagi.
salam ANC

Novendius Eka Saputra mengatakan...

Coba dulu gan..tanks
by http://generation-devision.blogspot.com

safidjepara mengatakan...

thnx gan.. saya sdh coba dan brhasil

safidjepara mengatakan...

oke

Alfi Sembiring mengatakan...

izin coba gan

ari setia mengatakan...

gan ikut belajar ya,moga bermanfaat artikelnya...
kunjungi balik http://joespy.blogspot.com
http://jatikaryafurniutre.blogspot.com

Ronny Supriyonggo mengatakan...

sip tanks
Kunjungi balik: alatfilter.blogspot.com

Wind Runner mengatakan...

tidak bisa gan,, kenapa foto nya tidak bergerak membesar ya ?
padahal scriptnya sudah ane tanamkan ke dalam blog..
terima kasih ..

http://www.hotbuy.sg

Rifio Efendi mengatakan...

Assalamu'alaikum Warohmatullohi Wabarokatuh

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

scripts diatas diletakkan dimana?

Wassalamu'alaikum Warohmatullohi Wabarokatuh

:) :( ;) :D ;;) :P :-* :-o :(( =)) ~x(
Posting Komentar