Image magnify.jadikan gambar di post blog anda sungguh menarik

Salam ... semua.. hari ni nak mencuba satu tutorial baru. tak tau la menjadi ke tidak . teknik ini dipanggil image magnify. tutorial di ajar oleh blog unwanted (sharing is caring) kalau sesiapa nak belajar klik aje unwanted ni


cuba peratikan gambar dibawah ni. nampak? klik aje gambar itu.. lihat apa yang terjadi.....


(maaf sudah tidak berfungsi)
boleh klik blog unwanted untuk tutorial
amacam menarik ke..
credit untuk blog unwnted.....

mari buat sendiri (tutorial)

1) Copy code di bawah, kemudian letakkan di HTML/javascript dalam blog anda.
(Dashboard > layout > add page element > HTML/javascript )


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br /> <br /> <script src=" http://www.yourjavascript.com/610310434009/unwanted86.blogspot.com.js" type="text/javascript"> /*********************************************** * Kod telah di'edit' oleh unwanted * Pastikan notis ini tidak dibuang untuk menghargai kerja² edit yang dilakukan oleh unwanted * -- Sharing Is Caring -- http://www.unwanted86.blogspot.com -- ***********************************************/ </script>


2) Apabila sudah letak code tu, save sahaja seperti biasa..

Siap untuk bahagian letakkan kod asas..

Seterusnya, adalah kod yang anda perlu letakkan bersama dengan url gambar yang anda hendak post dalam blog..(kod asas tadi perlu letak sekali je. Kod bawah ini diperlukan untuk membuat kesan tersebut pada gambar.)

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


Keterangan :

* url gambar disini : Masukkan url gambar.

* 2 : Skala pembesaran. Bergantung kepada width dan height. Nilai lebih besar dari 1 akan membesarkan gambar, nilai kurang dari satu akan mengecilkan gambar contoh 0.5

* 200 : Masukkan lebar gambar yang anda rasakan bersesuaian

* 150 : Masukkan tinggi gambar yang anda rasakan bersesuaian