Cara Membuat Efek ZOOM Pada Gambar

Cara membuat Efek ZOOM Pada Gambar membuat tampilan kita menjadi menarik dan enak dipergunakan. Efek Zoom ini saya dapat-kan dari para blogger, saya ucapkan terimakasih telah membantu.

# Berikut Cara Membuat Efek Memperbesar (Zoom) Gambar Blog
 - Masuk ke akun blogger anda
 - Pilih menu Template >> Edit Html >> tekan Ctrl+F pada keyboard
 - Cari kode </head>
 - Letakkan kode berikut diatas </head>

<script src="http://yourjavascript.com/29031127131/zoomeffectpict.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/82412173123/zoomeffectpict1.js" type="text/javascript"></script>
<style>#preview{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;}</style>

 - Simpan Template
 - Setelah memasang kode diatas kedalam template blog anda, gunakan kode berikut setiap kali
    anda ingin memberikan efek memperbesar gambar blog kedalam artikel atau postingan.

<a class="preview" href="Ulr Gambar Besar" title="Judul Gambar"><img alt="gallery thumbnail" height="185" src="Ulr Gambar Besar Tapi Kecil" width="100" /></a>

Keterangan :

• Ulr Gambar Besar : Ukuran asli dari gambar/ Rubah sesuai keinginan anda dengan phothoshop
• Ulr Gambar Besar Tapi Kecil : Ukuran asli dari gambar yang sudah memiliki ukuran kecil karena sudah memiliki skala 110 untuk tinggi gambar dan 170 untuk lebar gambar
• height="185" : Ukuran tinggi gambar
• width="100" : Ukuran lebar gambar
• Atau pastikan didalam template anda sudah terpasang kode javascript dari Jquery. Jika belum, silahkan ambil kodenya di Jquery.com yang saat sudah berada pada versi 1.9

Gambar Demo:


Demikianlah cara membuat efek  zoom pada gambar yang mungkin bisa anda gunakan dan semoga bermanfaat. Jika ada kesalahan, silahkan berkomentar untuk artikel ini.

»»  Selanjutnya...