Cara Membuat Power Zoomer Pada Gambar

 haiiii,,,,,,,
Kali ini kuw akan Berbagi Tips keren..
Gambar anda akan di beri efek power zoomer..
bingung maksudnya..
coba deh liad contohnya di bawah ini

CONTOH

nah keren kan..
cara Buatnya mudah kok..
langsung saja begini caranya.....

• Log in ke blog sobat
• Klik Rancangan
• Klik Edit HTML
• Masukkan kode berikut setelah ]]></b:skin> dan Simpan Template

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://blackkapuas.googlecode.com/files/ddpowerzoomer.js">
/***********************************************
* Image Power Zoomer- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<script type="text/javascript">
jQuery(document).ready(function($){ //fire on DOM ready
 $('#myimage').addpowerzoom()
})
</script>

nah setelah selesai..
masukkan kode ini pada setiap postingan anda..

<img id="myimage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjar5gvhRpTebJjdguy9At7AAc3GZ9d6YHI2eYoaZHJlnJFc6Kvy0c1d79_aZ0SnJIlDqK7tcZoGssBR3iXxu9lqpLWiHshrQHNFKDPUN4lr6NWvvByYdZJ1tCz7iYEo8VJMYnKW-72RI0/s1600/naruto-shippuden-small.jpg" style="height: 150px; width: 200px;" />
selamat mencoba..
mudah kan...