pelajaran sekolah: Membuat jQuery Image Magnify

jQuery Image Magnify atau anama lainnya auto image zoom in dan auto image zoom out
kalo bahasa indonesianya otomatis memperbesar foto dan otomatis memperkecil foto

mau lihat contohnya
klik DISINI

bagi yang mau coba silahkan ikuti langkah langkahnya
pertama:
masuk dulu di account blogger anda
kedua:
pilih Tata Letak
ketiga:
Pilih Edit HTML

coba cari kode di bawah ini
<head>

kalau sudah ketemu copy kode yang berwarna merah.
letakan kode yang berwarna merah persis di bawah kode
<head>

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

<script src='http://ariistiadi.googlepages.com/jquery.magnifier.js' type='text/javascript'>

/***********************************************
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

bingung cara nempatinnya
nih saya kasih contoh penempatan kodenya

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>

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

<script src='http://ariistiadi.googlepages.com/jquery.magnifier.js' type='text/javascript'>

/***********************************************
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

masih bingung juga?
nih screen shootnya

klik Simpan Template

nah selanjutnya kita pindah ke Elemen Halaman

klik Tambah Gadget

kalau dah di klik
pilih HTML/JavaScript

setelah itu copy kode di bawah ini
<img style="width:200px; height:150px" src="http://ariistiadi.googlepages.com/Clipart-Cartoon-Design-04.gif" class="magnify"/>

<img border="0" src="http://ariistiadi.googlepages.com/Web_2_0_RSS_Icon_by_datamouse.gif" class="magnify"/>

silahkan ganti :
link http://ariistiadi.googlepages.com/Web_2_0_RSS_Icon_by_datamouse.gif dan http://ariistiadi.googlepages.com/Clipart-Cartoon-Design-04.gif gambar milik saya dengan link gambar milik anda

jangan lupa setiap anda ingin menambah gambarnya kode
" class="magnify"
contohnya:
<img src="gambaranda" class="magnify" border="0" />

jangan lupa klik SIMPAN

udah itu aja caranya
mudah bukan...?
belum berhasil juga..? tanyakan saja oke

sumber:
www.dynamicdrive.com

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.