Sedikit Info Seputar
Membuat Efek Memindahkan Gambar Dengan jQuery
Terbaru 2017
- Hay gaes kali ini team Official Sahabat Android, kali ini akan membahas artikel dengan judul Membuat Efek Memindahkan Gambar Dengan jQuery, kami selaku Team Official Sahabat Android telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Official Sahabat Android. semoga isi postingan tentang
Artikel Jquery,
Artikel tutorial blog, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Membuat Efek Memindahkan Gambar Dengan jQuery
Terbaru
link: Membuat Efek Memindahkan Gambar Dengan jQuery
Berbagi Membuat Efek Memindahkan Gambar Dengan jQuery Terbaru dan Terlengkap 2017
Nah jika temen-temen tertarik untuk membuatnya, perhatikan langkah-langkahnya di bawah ini :
- Login dulu di Blogger dengan akun anda.
- Pada dashboard pilih Rancangan >> edit HTML
- Jangan lupa Centang Expand Template Widget
- Klik Download template lengkap untuk jaga-jaga.
- Sekarang pasang Css kode dibawah ini diatas kode ]]></b:skin>
.drag_gambar img { cursor: move;}
- Selanjutnya simpan script berikut diatas kode </head><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'/><script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js' type='text/javascript'/><script type='text/javascript'>$(document).ready(function() {$("div.drag_gambar img").draggable();});</script>Keterangan :
Perhatikan kode script berwarna Kuning diatas, jika pada template anda sudah terdapat script tersebut, jangan dipasang lagi, pasang saja script yang berwarna merah. - Kemudian klik Save/Simpan Template
- Untuk penggunaannya pada gambar, anda bisa menggunakan kode berikut :
<div class='drag_gambar'><img alt='KETERANGAN GAMBAR' src='URL GAMBAR'/></div>