Cara membuat Image viewer dengan magnify pada blog

Cara membuat Image viewer dengan magnify. Cara ini memudahkan pengunjung untuk melihat gambar dengan mudah. Pada postingan terdahulu saya pernah memposting tentang tidak berbeda jauh dengan dengan postingan tersebut hanya cara view gambar yang berbeda. Untuk demonstrasinya silahkan klik Pada halaman demonstasi tersebut silahkan klik gambar yang ada pada postinganya. Bagaimana menurut anda?? keren bukan. caranya cukup mudah. Langkah awal yaitu.
1. Silahkan login blog anda kemudian ke menu edit HTML
2. Beri tanda centang pada Expand template widget.
3. Cari kode dibawah ini dengan menekan F3 atau CTRL+F pada keyboard anda.

]]></b:skin>

Setelah kode diatas ditemukan copy script dibawah ini tepat dibawah kode diatas

<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://madiuncoolblog.googlecode.com/files/Gambar%20Magnify.js"></script>

Kemudian simpan. Sekarang anda ke menu postingan atau entri baru.

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5OTtxMcbymC3WOfXOjobDpuvTm-OhzirT1tgLsnACrI0KZJU-PBBSXwsx_OiWLsP2yt8Z-fEva3aEi4gmTZeEe9nSgjhmgrZppLOCpNXCS57aliljhFVr4ueMXMf8msyo-KP6mG7q3htv/s200/caramenambahkan+htmlkepostinganblogparse+html.jpgo.jpg" class="magnify" data-magnifyby="2.5" data-magnifyduration="1000" />

Tambahkan kode diatas didalam postingan dan ganti teks yang berwarna hijau dengan URL gambar yang ingin anda posting. Hasilnya nanti seperti ini. Selamat mencoba semoga bermanfaat.