Cara memasang image Zoom pada Blog

Dalam kesempatan ini saya mencoba menulis trik bagaimana blog kita kelihatan cantik dan dapat menarik pengunjung pingin tahu caranya. Wah kayanya sudah gak sabar nich. Kita mulai saja. Begini ceritanya tapi sebelumnya lihat dan arahkan kursor pada gambarnya gimana tertarik? lanjut.........
1-Login ke account blogger anda.
2-Backup Template anda--->click-->Download Full Template
3-Click Layout--->
4-Click Edit HTML letakkan kode dibawah ini sebelum kode]]></b:skin>

img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}
2.Letakkan code dibawah ini sebelum </head> tag.
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="zenzoom.js">

/* Expando Image Script ©2008 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/
username: jscheuer1 - This Notice Must Remain for Legal Use
*/</script>
Lalu postingkan kode dibawah ini pada content anda tapi sebelumnya anda anda ganti kode yang berwarna biru....
</code><div align="center"><img class="expando vacation" src="http://i721.photobucket.com/albums/ww218/sugwi/TheTree.jpg" border="0" height="66" width="100" /></div>

Download

Selamat mencoba dan semoga berhasil cheer.............

Related With: