Cara Membuat Efek Zoom Seri 5

Efek zoom ini memang lain dari pada yang lain. Namun
selera Anda masing-masing jualah yang menentukan
dan memilih model efek zoom mana yang lebih menarik.

Silahkan Anda coba klik " View Full Image " yang
ada pada gambar-gambar di bawah ini. Dan bila
Anda ingin menutup gambar yang Anda buka tadi,
kliklah tanda silang yang ada pada bagian atas
sebelah kanan gambarnya.

Tertarik ingin mencoba? Ikuti langkah yang berikut :

1.   Rancangan -> Tambah Gadget ->
      HTML/JavaScript.

2.   Masukkan ke dalam kontennya
      kode berikut ini :

<p align="left"><img src="URL gambar 1 Anda di sini" style="width:200px" data-plusimage="URL gambar 1 Anda di sini"" data-plussize="270,36" />

<br / /><br / />

<img src="URL gambar 2 Anda di sini"" style="width:150px" data-plusimage="URL gambar 2 Anda di sini"" data-plussize="170,20" /></p>

KETERANGAN :

Masukkan URL gambar yang Anda miliki
di tempat yang tersedia pada kode di atas.

Ubahlah ukuran lebar dan tinggi gambarnya.

3.   Kemudian masuk ke Edit HTML

4.   Carilah tag </head>

5.   Copy kode berikut dan letakkan
      di atas tag </head> ini.
      Pratinjau lalu simpan template Anda.

<link rel="stylesheet" type="text/css" href="http://www.javascriptkit.com/script/script2/plusimageviewer.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="http://yourjavascript.com/2341081711/plusimageviewer.js">

/***********************************************
* Plus Size Image Viewer- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
* User http://www.syamsudinnamaku.blogspot.com/
***********************************************/

</script>

Selamat mencoba, good luck!