jQuery Image Magnify

Thursday, October 15, 2009 |

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:

13 comments:

danuakbar.com said...

info yang sangat berguna.
tetapi, script ini tidak memberikan efek negatif pada blog kita atau tidak?

mohon jawabannya di blog saya.

danuakbar.com said...

ok dech! makasih jawabanny... keep blogging.!

lusi said...

Good one :)

Rossbaru said...

baca-baca, dapet tambahan pengetahuan

hadi said...

hmmm..????? apa test dulu sebaiknya ya

akhatam said...

Oke nih... salam kenal gan...

Darkfarmer said...

wew... Jquery... keren.. keep it up

Darkfarmer

ekosulistio said...

makasih tips dan triknya.... salam kenal...

nad said...

info yg keren sob
ksh tau ya kalo ada posting baru

nada said...

info yg keren sob
keep shraing bro

pandawa said...

hehe, bidadari emang biru tho? bisa aja postingnya

rachmat said...

mantab sobat, tapi ngaruh k google bot ga?

free download lagu indonesia dan lyric lagu Indonesia said...

wah aku belum donk mas,

Post a Comment