Drag / Memindah gambar dengan jquery

Memindah gambar dengan jquery ini pasti akan membuat gambar di blog kita lebih atraktif karena bisa di pindah - pindah sesuai selera user / pengunjung yah biar ada keanehan / keunikan tersendiri dari blog kita.

DEMO

1. Masukan kode jquery di bawah ini di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {
$(".dragMove img").draggable();
});
</script>

2. Masukan kode css di bawah ini di atas kode ]]></b:skin>

.dragMove img { 
cursor: move;
margin:0 auto;
display:block;
}

3. Simpan kode di bawah ini dalam Gadget HTML/Javascript

<div class='dragMove'><img src="Disini URL gambar anda" /></div>

Setelah itu coba deh Drag gambar yang sudah anda simpan itu. Good Luck