Tampilkan postingan dengan label effect. Tampilkan semua postingan
Tampilkan postingan dengan label effect. Tampilkan semua postingan
Kamis, 14 November 2013
Buat Effect Image Warp Script With jQuery
Cukup dengan Double click untuk melihat demonya :

tutorial ini saya baca dari http://www.dynamicdrive.com/dynamicindex4/imagewarp.htm dan mencoba-coba pada blog walau awal-awalnya mengalami kesusahan,,, tp alhamdulilah bisa, karena saya ngantuk jadi saya tidak banyak berbicara lagi, langsung saja..
3. Cari Kode </head> , Lalu Masukan Script Berikut tepat diatasnya.
Catatan :
- Teks ang Berwarna hijau adalah scriptnya, jika sobat sudah pernah memasangnya, maka script diatas tidak perlu lagi (biar gak double).
4. Selesai, Mudah bukan.hehee,..
Selengkapnya

tutorial ini saya baca dari http://www.dynamicdrive.com/dynamicindex4/imagewarp.htm dan mencoba-coba pada blog walau awal-awalnya mengalami kesusahan,,, tp alhamdulilah bisa, karena saya ngantuk jadi saya tidak banyak berbicara lagi, langsung saja..
1. Login Ke Akun Blog Sobat
2. Pilih Rancangan/Tata Letak3. Cari Kode </head> , Lalu Masukan Script Berikut tepat diatasnya.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://kangdadang.googlecode.com/files/imagewarp.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
$(img).imageWarp({warpfactor:2}) //apply warp effect to images with CSS class "img"
$(img).imageWarp() //apply warp effect to images with CSS class "img"
})
</script>
Catatan :
- Teks ang Berwarna hijau adalah scriptnya, jika sobat sudah pernah memasangnya, maka script diatas tidak perlu lagi (biar gak double).
4. Selesai, Mudah bukan.hehee,..
Selamat Mencoba!!
Langganan:
Postingan (Atom)