Membesarkan Image ketika disorot | Gambar di sorot

Februari 23, 2011

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 :

Gambar di sorot

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 ]
  2. <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.web.id/http://www.dikmamy.name/ */
    </script>

  3. Download file expando.rar lalu extract.
  4. Unggah file expando.js, disini saya mengunggah ke root folder.
  5. Tahap akhir adalah, pada saat ingin memasang gambar seperti diatas tinggal menambahkan kode class="expando" width="xx" height="xx"
  6. <img class=”expando” src=”mydollar.jpg” border=”0″ width=”250″ height=”106″ />

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

Sumber : DikMa Blog

2 Tanggapan to “Membesarkan Image ketika disorot | Gambar di sorot”

  1. insico said

    Kawan nie maksud yang no 3. Unggah file expando.js, disini saya mengunggah ke root folder tu gimana? memangnya kalo blogspot sama wordpress.com root foldernya dimana. makasih, maaf newbie

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: