Tutorial kali ini membolehkan korang membesarkan image tanpa membuka di halaman lain. Macam mana? Cuba mouse over gambar di bawah dan klik pada gambar tersebut.
Gambar itu akan terpapar dengan besar bukan? Teruja untuk membuat tutorial ni? Jom ikut step kat bawah.
1. Masuk ruangan Layout
2. Klik pada Edit HTML
3. Copy kod ini
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://h1.ripway.com/hanatrg/jqeury 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>
4. Paste kod tadi sebelum kod </head>
5. Kemudian Save
6. Langkah seterusnya, bila korang nak upload gambar dalam post, masukkan kod yang berwarna biru seperti contoh di bawah
<img class="magnify" magnifyby="5" style="width: 200px; height: 150px;" src="http://3.bp.blogspot.com/_MMqdFkg0sX8/SqMqaLzRh1I/AAAAAAAAB_A/O6RxqtacCoE/s400/along.jpg"/>
7. Selepas itu, bleh la korang publish post korang :)
SEMOGA BERJAYA!
Credits: Bloggerplugin & Dynamic Drive
Best regards,
