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 … ?

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

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

2. Download file expando.rar lalu extract.
3. Unggah file expando.js, disini saya mengunggah ke root folder.
4. 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 .. ?