jQuery Image Magnify

Hallo sobat yang budiman,saya ada trick atau tips buat sobat, yaa siapa tahu dibutuhkan, bukankah kita saling berkunjung dan saling memberi informasi? Tidak tertutup kemungkinan bila sobat ada ide bisa sharing, yaa agar Blogar Indonesia tambah caeem.Ok tidak banyak basa basi, saya mulai dengan contohnya.

1-Login ke account blogger anda.
2-Click Layout--->
3-Click Edit
4-Letakkan code dibawah ini sebelum </head>;
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='jquery.magnifier.js' type='text/javascript'>
/***********************************************************************************
* jQuery Image Magnify http://www.mutiaramail.blogspot.com
***********************************************************************************/
</script>

Download

5-Letakkan kode dibawah ini sebelum kode ini ]]></b:skin>
dsettings: {
magnifyby: 3, //default increase factor of enlarged image
duration: 500, //default duration of animation, in millisec
mgopacity: 0.2 //opacify of original image when enlarged image overlays it
},
cursorcss: 'url(magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image

6-Lalu postingkan code dibawah ini di content sobat:
<img src="http://i721.photobucket.com/albums/ww218/sugwi/Grape.jpg" class="magnify" style="width: 250px; height: 75px;" />
7-Selesei, selamat mencoba dan semoga mimpi bidadari he..he..he..

Note:
-Ganti code yang berwarna Biru
-Rubahlah code yang berwarna merah sesuai kebutuhan sobat.

Related With: