Berikut ini Cara Membuat Efect Kaca Pembesar Pada Gambar :
Sekian artikel tentang Cara Membuat Efect Kaca Pembesar Pada Gambar semoga bermanfaat bagi anda semua.
- Login akun blogger anda,
- Masuk ke Template - Edit HTML,
- Cari kode </head> letakan kode di bawah ini tepat di atas kode </head>,
<script src="https://abitalita.googlecode.com/files/zoomlup.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#pembesargambar').perbesaran({
sorotanu: 2,
kisaranu: [2,10],
anubesar: null,
pembesaranu: [140,140]
})
})
</script>
- Langkah selanjutnya adalah meletakan Javascript ini di bawah kode <head>.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>Note : Jika kode di atas sudah ada di template anda tidak perlu lagi menaruh kode tersebut.
- Langkah terakhir menaruh script di bawah ini kedalam postingan anda, silahkan baca postingan ini untuk mengetahui bagaimana cara membasukan CSS, Javascript ke dalam postingan.
<img id="pembesargambar" src="http://1.bp.blogspot.com/-W_HkbxiL60M/UU54dDGJDlI/AAAAAAAAHZk/PEu5MnH5ppc/s1600/DSC_0720.JPG" style="height: 300px; width: 500px;" />Note : Ganti URL gambar yang di tandai dengan warna merah dengan URL gambar anda.
Sekian artikel tentang Cara Membuat Efect Kaca Pembesar Pada Gambar semoga bermanfaat bagi anda semua.
aku dulu banget pernah pake tapi efeknya kurang bagus, kaang membesar sendiri kalo buat artikel
ReplyDelete