Cara membuat Image viewer dengan magnify Pada Blog Sau Agan

<p>Your browser does not support iframes.</p> Cara membuat Image viewer dengan magnify . Cara ini memudahkan ...

<p>Your browser does not support iframes.</p>

Cara membuat Image viewer dengan magnify. Cara ini memudahkan pengunjung blog untuk melihat gambar dengan mudah. Pada postingan terdahulu saya pernah memposting tentang Cara membuat image viewer pada blog tidak berbeda jauh dengan dengan postingan tersebut hanya cara view gambar yang berbeda. Untuk demonstrasinya silahkan klik Demo.   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 kode 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/AVvXsEh9PAJ7MJCubk4CytEvVtvvSwsIELRlblVgSwrhZvTi7TvG6A1Sgy_NfpEGYKESd2mFV8QcHLCe7M_haq9yFlpQgBhY2TK6426_mMht-r8q6fJ7g3RigVzqRTF0cnT3ig35jtsWN8OxqQtG/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 Demo. Selamat mencoba semoga bermanfaat.