Cara Membuat Efek Gambar Membesar Versi 2

Dengan semangat baru di hari ini, kembali saya ingin berbagi tutorial seputar dunia blogging yang tentunya saya dapatkan dari sebagian pengalaman, blog-blog sahabat saya yang ada di page Tukar Link, dan banyak sumber lainnya. Owy, kali ini saya akan menjelaskan mengenai cara membuat efek gambar membesar versi 2 (kedua) menggunakan Magnify Script. mengapa saya sebut versi kedua...? karena sebelumnya saya pernah membahas juga mengenai cara membuat efek gambar membesar. jika anda mau membacanya silahkan klik Disini.
Oke, kembali ke topik kali ini..apa perlu anda menggunakan tips blogging kali ini..? karena anda pasti berpikiran apabila banyak script-script yang bersemayam di blog maka loading blog pun kan bertambah berat..Jawaban saya pribadi ya..pilihlah featur-featur di blog anda yang sekiranya penting buat kenyamanan pengunjung anda. karena memang tidak bisa dipungkiri bahwa pengunjung atau tamu adalah raja jadi buatlah mereka nyaman. dan untuk tips kali ini saya kira penting sekali apabila nanti dalam suatu artikel anda, anda harus mendeskripsikan suatu gambar dalam artian gambar tersebut bisa dilihat oleh pengunjung secara jelas tentunya lebih nyaman maka ikutilah tips cara memperbesar gambar dengan Magnify Script kali ini.
OkeYz..tanpa ba..bi..bu..saya kasih tahu dulu seperti apa sih contoh nya..? coba sekarang anda arahkan kursor anda pada gambar di bawah ini lalu anda klik :

Nah, gimana ...? lebih nyaman bukan..?
berikut caranya :
>> seperti biasa login ke blogger > dari dashboard > Rancangan > Edit Html
Pertama : Simpan kode java script berikut dibawah kode ]]></b:skin> atau diatas kode </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="http://pagenano.googlecode.com/files/Gambar%20Magnify.js"></script>

Url yang berwarna merah jika sudah ada tidak perlu dicopy lagi !

Kedua : Menggunakan fungsi magnify dan harus dilakukan secara manual pada gambar di dalam tag <img>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip3MXe3728YELPjDfD2n08un29nejHsFv0WvYyeKAihgETWyVnwtBVsgzMijllZEZn1Hvt9X4ApSWO0cKRrLAbszzNdgM6Nlns-Ak1DUK01npipzc9fjb_IIIslwvBTHggsVHgfXp1HjQA/s1600/gambar2-Nano+Yulianto.jpg" class="magnify" data-magnifyby="2.5" data-magnifyduration="1000" />

Source : www.kucoba.com