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 !

32 komentar:

  1. mantap gan, thnx atas infox

    BalasHapus
  2. @SMPN 21 Samarinda
    Terimakasih kunjungannya.

    BalasHapus
  3. Coba dulu ah... ;;)

    BalasHapus
  4. biar gambarnya di tengah giman? yang ini kan di kiri dia

    BalasHapus
  5. @ Fakhira:
       Trmksh atas kunjungannya.

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

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

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

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

    BalasHapus
  9. buat mas darmasena
    mantapppppp .... !!!!

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

    BalasHapus
  11. Mantabss gan, izin sedot ilmunya ya...

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

    BalasHapus
  13. makasi y da kasi penerangan untuk blog sy...

    kunjungi blog sy www.sraluminium.blogspot.com

    mengenai produk dan proyek aluminium

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

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

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

    BalasHapus
  17. ada cara yang otomatis nggak.?

    BalasHapus
  18. Thank's infonya,,,,mampir di blogku yaaa

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

    BalasHapus
  20. woowwwwww.... I like it....

    goods content... thanks ya....

    http://ari2swanto.blogspot.com

    :) :) :) ;)

    BalasHapus
  21. :D wah thank gan,, infonya, salam kenal

    BalasHapus
  22. thanks gan infonya....

    http://cybermu-wizard.blogspot.com

    BalasHapus
  23. :)) mantap bos,,banyak tutorial yg bisa ditemukan :)

    BalasHapus
  24. makasih gan sudah share, sgt berguna

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

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

    BalasHapus
  27. Anonim11:05 AM

    thnx gan.. saya sdh coba dan brhasil

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

    BalasHapus
  29. sip tanks
    Kunjungi balik: alatfilter.blogspot.com

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

    http://www.hotbuy.sg

    BalasHapus