Efek gedekin gambar buat blog kita

Bingung bahasanya mau di buat gimanain hahaha padhal udah banyak artikel yang bahas cara gedein gambar ini, dah langsung aja.

demonya seperti ini


caranya seperti berikut.

1. Pilih menu Template >> Edit Html >> tekan Ctrl+F pada keyboard Cari kode Letakkan kode berikut diatas
2. Cari kode </head>
3. 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>
4. Simpan template
5. 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="110" src="Ulr Gambar Besar Tapi Kecil" width="170" /></a>

Keterangan

• Ulr Gambar Besar : Ukuran asli dari gambar
• 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="110" : Ukuran tinggi gambar
• width="170" : Ukuran lebar gambar