image magnify - tutorial for beginner

salam kawan-kawan.. ermm kali ney saya nak wat tutorial step by step pasal image magnify yang telah di ajar oleh PUPUT.. bukan PUTUT ye.. tapi PUPUT.. ingat tu SENGET!! sebab dapat banyak request dari kawan-kawan blogger.. hehehehe.. ok tanpa melengahkan masa.. mari kita bermule..

1) Dashboard - Layout - Page Element - Add A Gadget - HTML/Javascript

2) Copy & Paste script kat bawah dan letak kat HTML/Javascript anda ( script ney hanya sekali letak sahaja ok.. tak yah letak banyak-banyak kali k)..

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

<script src="

http://www.yourjavascript.com/1423180931/pesantokmoyok.blogspot.com.js&quot; type="text/javascript">

/***********************************************

* kod diedit oleh PUPUT

* --WASIAT BERPUAKA--

* http://pesantokmoyok.blogspot.com

***********************************************/

</script>

3) Jangan lupa save ye.. Ini adalah penting.. haha !

4) Buat entri macam biasa - new post.. dan mengarut lah ape-ape di entri anda.. lepas tu upload image ape-ape yang anda nak..

5) Tukar compose kepada edit html..

6) Copy script kat bawah dan Paste kan ke edit html tadi.. pastu kan script asal tu boleh di buang k.. macam dalam gambar di bawah.. script di atas adalah script asal.. so buang je k =)

<img src="url gambar" class="magnify" data-magnifyby="2" style="width:200px; height:150px cursor: url(magnify.cur), -moz-zoom-in; " />

7) url gambar anda boleh di ambil terus seperti saya buat.. ataw pom upload ke photobucket dan amek url di photobucket k.. (number dalam bulatan merah tu anda boleh ubah suke hati anda je)

8) akher sekali anda kembali ke compose dan adjust la sendiri eh nak image tu ke kiri ke kanan ke tengah ke.. suke hati anda jugak ok..

9) lepas tu save dan publish lah !! hasil nye akan jadi macam ney =)

>

akher kata selamat mencube.. saya da ajar satu persatu tu taw.. hahaha kalau tak dapat jugak.. sila lah bertanya.. =)