jQuery Zoom Effect
Gerakan mouse untuk lihat zoom efek tersebut
Cara pemasangan
1.Login ke akaun blogger anda.
2.Klik Template --> Edit HTML.
3.Cari kod </head>
4.Copy dan paste kod dibawah diatas kod </head>
5.Untuk mengaktifkan kod,guna kod ini
Gantikan http://urlgambarkorang.jpg dengan url gambar korang,kedua-dua url gambar bagi kod diatas adalah sama
Cara pemasangan
1.Login ke akaun blogger anda.
2.Klik Template --> Edit HTML.
3.Cari kod </head>
4.Copy dan paste kod dibawah diatas kod </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/> <script src='http://faceblog-evolutions.googlecode.com/files/cloud-zoom.1.0.2.js' type='text/javascript'/>
5.Untuk mengaktifkan kod,guna kod ini
<div class="separator" style="clear: both; text-align: center;"> <a class="cloud-zoom" rel="softFocus: true, position:'inside', smoothMove:2" href="http://urlgambarkorang.jpg" imageanchor="1" =><img border="0" height="300" src="http://urlgambarkorang.jpg" width="460" /></a></div>
Gantikan http://urlgambarkorang.jpg dengan url gambar korang,kedua-dua url gambar bagi kod diatas adalah sama
Post a Comment:
Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.