Berikut saya akan memberikan trik untuk memberikan efek yang membesar pada gambar di blog ketika disentuh cursour, trik ini saya dapatkan di salah satu web yang menurut saya cukup keren, nanti aja yea saya kasi link web tempat saya mendapat trik ini,,,,,,
Oke langsung saja ke tutorial cara memberikan efek membesar pada gmbar blog
untuk melihat hasilnya seperti apa
coba sobat arahkan cursor mousnya pada gambar dibawah ini
DEMO
gimana keren kaan
- 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>
5. Simpan template
6. Setelah memasang kode diatas kedalam template blog anda, gunakan kode berikut setiap kali anda ingin memberikan efek memperbesar gambar blog kedalam artikel atau postingan
ini kodenya
<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
semoga bermamfaat.. nah seperti tdi saya bilang sya akan kasi link web tempat saya mendapatkan trik
Cara Memberikan Efek Memperbesar (Zoom) Gambar Blog
ini sumbernya http://panduantemplateblog.blogspot.com/2013/02/cara-memberikan-efek-memperbesar-zoom.html
Oke soeb jngan lupa like dan kasi coment dibawah
0 komentar:
Posting Komentar