Memasang Image Magnifier

Sobat seperjuangan, barusan aku dapet ilmu dari blogger Ipank di http://blognyaipank.blogspot.com mengenai bagaimana membuat image magnifier atau image yang dapat di zoom secara otomatis kaya contoh di bawah ini coba sobat klik pada picture nya deh.

Tertarik...??? kalo tertarik lanjutin bacanya yah..
Cara bikinya adalah :

Langkah pertama

1. Seperti biasa Login dulu ke account Blogger-mu
2. Pilih Layout atau Tata Letak --> Edit HTML
3. Gak usah dicentang Expand Widget Templates
4. Copy paste kode script di bawah tepat di atas </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src=' http://ekocharko.fileave.com/jquery.magnifier.js ' type='text/javascript'/>

5. Selesai Simpan Template

Langkah kedua

1. Ambil kode image atau gambar yang sobat mo pasang di blog dan sisipkan kode class="magnify" di dalamnya, bingung....??? aku ambil contoh aja misalkan kode gambar yang aku mo pasang di postingan adalah

   <img src="http://i28.tinypic.com/209o7m8.jpg" border="0"width="200"height="120">

   
   

2. Nah sobat tinggal sisipin aja code atau tulisan class="magnify" di dalamnya menjadi

   <img class="magnify" src="http://i28.tinypic.com/209o7m8.jpg" border="0"width="200"height="120">
   

3. Selesai deh dan gambarmu udah bisa dizoom kaya contoh di atas.
   

O ya satu lagi sobat, sebaiknya kode script yang di atas di simpan pada hostingmu sendiri yah biar tidak terjadi hal-hal yang tidak diinginkan, takutnya file script tersebut kehapus di hostingku caranya adalah

1. copy paste alamat URL http://ekocharko.fileave.com/jquery.magnifier.js pada search browsermu dan enter.
   
2. setelah keluar kodenya save as sebagai javascript pada komputer sobat.
   
3. Upload file JS yang tadi ke hosting sobat misal di www.fileave.com, bagi yang belum punya harus sign up dulu yah, gratis ko tenang ajre.
   
4. kalo dah selesai upload, ambil tuh kode URL nya dan ganti kode URL punyaku dengan yang punya sobat.
   
5. selesai deh and sekarang dah aman.
   

Ok sobat, met mencoba yeh

Artikel yang berhubungan

Lihat semua postingan >>Di sini<<