Membuat Gambar Zoomer Scanner

Selamat sore semua para blogger dunia. Posting seurune kali ini masih seputaran gambar pada blog. Pada waktu dulu seurune telah menjelaskan cara pemasangan Zoom Gambar Dengan Magnify kali ini seurune mencoba berbagi bagaimana membuat Gambar Zoomer Scanner.

DEMO :

Cara pemasangannya adalah sebagai berikut :

1. Login Blog anda
2. Pilih Rancangan dan klik Edit HTML.
3. Beri tanda pada kotak Expand Template Widget.
4. Backup dulu template blog anda, untuk menghindari kesalahan kode.
5. Masukkan kode dibawah ini tepat diatas kode </head>

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

<script src='http://seurune.googlecode.com/files/seurunezoomer.js' type='text/javascript'>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){ //fire on DOM ready
 $('#123').addpowerzoom()
})
</script>

    Catatan : Jika kode yang berwarna Pink sudah ada, kode tersebut tidak usah dipasang lagi, langsung pakai kode dibawahnya

6. Simpan template anda

7. Buat postingan baru beserta dengan gambar. Pada Tag <img> sisipkan kode dibawah ini

<img id="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKL2nZGr3ISCX8QSF3c9YMQEOCN8YoH2ULGhOc1g-UsjGwYO7jgYFJDcq604qt6CIJHo3wr8I2KtyjkqH95NHEoiA5GjTi6vl6IoNqVj0vQH18Iykir0JGF5FAdKAqSbA6thesqBBtTSQ/s1600/yani.jpg" height="150" width="200" />

8. Terbitkan posting anda.


Keterangan :

Kode warna Hijau = Adalah kode untuk gambar zoomer (gunakan jika anda ingin gambar si zoomer)

Kode warna Merah = Adalah alamat gambar anda

Kode warna Biru = Adalah ukuran gambar anda

Semoga bermanfaat