Home > JavaScript Blogger > 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/AVvXsEgWV_RgeW_AFELzs5hfttm3BifpwrMimFYt5PNdA6x1qFivCgZBp34lO9i2voJL3vUDhUyAWqkJu3zDhY1DwF4ZLAw_2BVRH2wx_vo7PWtzFV7v7vcz8Wl1dAZVW-hkfe2EMrjzUZ3vNaQO/s1600/thisnext-Nano+Yulianto.jpg" class="expando" width="100" height="75"/>
Akan memperbesar sesuai dengan ukuran aslinya !.
Credit : Dynamic Drive
Alhamdulillah
