Membesarkan Image ketika disorot

Pernahkah anda berkunjung ke sesama blogger dimana didalamnya ada gambar atau image-image. Jawabnya pasti pernah 100%. Karena sebagai blogger dalam hal memosting sesuatu topik tidak lengkap rasanya jika tidak dibarengi dengan image-image, terlebih lagi image/gambar tersebut adalah gambar kesukaan atau kegemaran kita. Sangat sayang bukan kalau tidak dipajang … ? :lol:

Cerita masalah pajang memajang gambar tidak sedikit meletakan diatas, dikiri, dikanan maupun di bawah postingan. Namun kadang kala mungkin anda merasa bosan dengan tata letak yang itu itu saja tanpa ada variasi-variasi baru. Nah disini saya sedikit berbagi tentang bagaimana membesarkan gambar postingan jika/ketika gambar tersebut disorot.

Ya ya ya, sebagai contoh arahkan mouse anda pada gambar dibawah ini dan lihat apa yang terjadi :

Hahahaha, kelak uang dollar akan dipajang gambar saya disana.. :lol:

Nah, saya jadi bingung sendiri nih, karena ada dua topik yang menarik. Yang pertama bagaimana membesarkan gambar tersebut ketika disorot, satunya lagi bagaimana cara membuat gambar/foto yang ada didalam uang dollar tersebut.

Ok, saya harus tetap konsisten dengan judul topik postingan, berikut step-stepnya :

    1. Copykan script dibawah ini persis diatas </head> atau copy paste dari link ini [ biasanya pada file header.php ]

<style type=”text/css”>
img.expando{
border: none;
vertical-align: top;
}
</style>
<script type=”text/javascript” src=”expando.js”>
/* this script has modifed DikMa Blog
by http://dikma.info/ – http://www.dikma.web.id/ */
</script>

    1. Download file expando.rar lalu extract.
    2. Unggah file expando.js, disini saya mengunggah ke root folder.
    3. Tahap akhir adalah, pada saat ingin memasang gambar seperti diatas tinggal menambahkan kode class="expando" width="xx" height="xx"

<img class=”expando” src=”mydollar.jpg” border=”0″ width=”250″ height=”106″ />

Nah, akhirnya gambarnya pun bisa gerak-gerak .. Gimana anda suka .. ?


Search From Google :

untuk memperbesar gambar di postingan wordpress, gambar membesar saat disorot tanpa plugin, script php perbesar gambar

Comments

  1. Caride™ says:

    tutornya keren bgt sob….
    ntar saya cobain deh..thx

  2. Didien® says:

    boleh juga neh di coba kang…unik dan lucu…
    trimakasih tutornya

    salam, ^_^

  3. zarod says:

    wah mantab infonya…makasih mas :)

  4. Realodix says:

    Mantab Sob tutorialnya… :)

  5. sharenya bagus ni, izin ambil codenya.

  6. Colbin says:

    gedubrakk…
    om, ampe jatuh aku lo..
    kirain uang.na mo nerkam aku..
    highh..highh..highh..

  7. DikMa says:

    @Caride™ @Didien®
    @zarod @Realodix

    Terimakasih banyak

    @blognya dian sahid
    Monggo mas

    @Colbin
    hahahaha mata duitan lu yaa :lol:

  8. Iqmal says:

    Keren maz tutornya.
    Wajib dicoba neh

  9. tomi says:

    wahhh siib banget tutorialnya.. kebetulan kemaren ada tmn yg cari utk toko onlinenya..
    makasih ya mas infonya

  10. ekopras says:

    tak simpen dulu artikelnya ah…kalo sempat tak coba nih. makasih ya

  11. Didien® says:

    kunjungan sore di akhir pekan kawan…

    salam, ^_^

  12. keren abis bRo…. :D

  13. bayuputra says:

    Terimakasih banyak untuk informasinya … sangat membantu sekali ..

  14. bayuputra says:

    Terimakasih banyak untuk informasinya.

  15. wah, mantab nih, mas, saya tak ikutan pakai, ya, hehe …. bikin sendiri, ya?

  16. Realodix says:

    Kalau gambarnya sebesar layar, makan akan diperbesar layar juga atau lgs resize..

  17. edda says:

    nice info :D

  18. DikMa says:

    @Iqmal @tomi @Fir’aun NgebLog @bayuputra @edda
    Merdeka

    @sawali tuhusetya
    Nggak pak, buata orang koq

    @Realodix
    Betul sekali, jadi sesuaikan saja dengan lebar halaman posting

  19. kampus blog says:

    keren juga nih plugin.. ada efek zoom otomatis.. plugin ini berpengaruh pada kecepatan blog g mas??
    salam kenal dan boleh tukeran link?? link sudah saya pasang juga di sidebar..
    Terima kasih

  20. Gus Ikhwan says:

    makasih sekali dikma atas infonya, tapi kan kita juga harus setting dulu agar pas dengan kontennya

  21. DikMa says:

    @kampus blog @Gus Ikhwan
    Yup benar sekali Mas Gus, nah untuk kontent saya maksimal lebarnya 530px, nah pada saat memasangnya tinggal kecilkan sesuai keingin di class=”expando” width=”xx” height=”xx” nya.

  22. Gugun says:

    hehe unik, lain kali mungkin akan saya coba

  23. Aldy says:

    Sebenarnya saya sangat suka dengan fitur-fitur seperti ini, tapi kegiatan online saya hampir 80% dengan mematikan fungsi image load.
    Mungkin berguna bagi rekan-rekan yang biasanya browsing dengan full fitur :(

  24. Assalaamu’alaikum

    Tulisan yang berguna untuk mencuba sesuatu yang baru. Akan beruaha untuk dicoba. Terima kasih mas kerana sudah berbagi. Mudahan ilmunya akan bermanfaat buat semua.

    Salam mesra selalu.

  25. Masdin says:

    Mirip dengan efek yang digunakan iklan Viagra pada pointer mouse :D

  26. DikMa says:

    @Gugun @Aldy
    silahkan mas gugun,
    pak aldy, ya di permonggo di pake nggak dipake ora opo-opo

    @Siti Fatimah Ahmad
    silahkan umi, dan terimakasih kembali

    @Masdin
    wah, apa iya mas masdin :lol:

  27. Assalaamu’alaikum Mas DikMa

    Alhamdulillah… linknya sudah dipasangkan ke ruang berikut:

    http://websitifatimah.wordpress.com/dunia-sahabatku/

    Silakan semak jika namanya menepati kehendak.
    Terima kasih kerana sudah tautkan laman saya di blog mas DikMa.

    Salam mesra dan ceria selalu dari saya di Malaysia.

  28. JhezeR says:

    Blum coba cara seperti ini,kalo image yg disimpan image hosting bisa jga kan mas?

  29. orange float says:

    wah menarik, pingin juga punya gambar yang bisa dibesarkan jika disorot

  30. TuSuda says:

    Bagus..bagus..bagus..kelihatan keren uangnya ada gambar siapa tuh…
    Jadi setiap gambar yang dipajang akan bisa diperbesar. Makasi atas tutorialnya Mas.

  31. Sugeng says:

    bagus juga sih ……. **ngiri dot com**
    keknya meski aku plototin script nya gak akan bisa aku pasang di blog ku karena punya ku masih gratisan :sad:
    Salam hangat serta jabat erat selalu dari Tabanan

  32. Bagus banget nih infonya, langsung ke TKP…maaf ikut share ya.

Speak Your Mind

*

KLIK DISINI
100% GRATIS WEBSITE DARI FACEBOOK