Memperbesar sesuai dengan ukuran asli

Demo :

---

Cara membuatnya

Dari Dashboard >> Design >> Edit HTML.

Langkah pertama > Penempatan kode CSS
dibawah <b:skin><![CDATA[
........
diatas ]]></b:skin>

img.expando{
border: none;
vertical-align: top;
}

Langkah kedua > Penempatan URL JavaScript
dibawah ]]></b:skin>
........
diatas </head>

<script type="text/javascript" src="http://pagenano.googlecode.com/files/expando.js"></script>

Langkah ketiga > eksekusi pada gambar
didalam <img> > perhatikan teks berwarna merah

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivDRtzHhFyhm_PVtljFnUOcuYdBA-L0w8f7peBx1CN0iYkoIeJOb1UbwX68_E6QkRHa-pK8Gw5V5OTVboBJU5w5gLZjJPtR3ZNHh9UH12OWrJv0ZCGgASDxmuzKYvU051nbrfEsecDdsCW/s1600/thisnext-Nano+Yulianto.jpg" class="expando" width="100" height="75"/>

Akan memperbesar sesuai dengan ukuran aslinya !.

---

Credit : Dynamic Drive

Alhamdulillah