Cara Membuat Gambar Dapat Digeser

Alhamdulillah, akhirnya bisa posting lagi. ^^
Kesempatan posting kali ini saya akan sharing Cara Membuat Gambar Dapat Digeser. Mungkin dulu saya pernah posting ini. Tapi gara-gara kecerobohan saya, posting itu pun hilang. Dan sekarang saya baru bisa re post Cara Membuat Gambar Dapat Digeser.
Oke, langsung saja ke topiknya "Cara Membuat Gambar Dapat Digeser".
Langkah pertama, login akun blogger kalian.
Lalu masuk ke 'Rancangan' - 'Edit HTML' (jangan lupa centang 'Expand Widget Template')
Setelah itu copy paste kode css dibawah ini, tepat diatas kode ]]></b:skin>

.drag_gambar img { cursor: move;}

Lalu copy paste kode script dibawah ini, tepat diatas kode </head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/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() {
$(&quot;div.drag_gambar img&quot;).draggable();
});
</script>

Klik "Simpan Template".

Untuk penggunaannya, gunakan kode dibawah ini.

<div class='drag_gambar'><img alt='KET GAMBAR' src='URL GAMBAR'/></div>

NB: Ganti teks warna biru dengan keterangan gambar kalian. Dan ganti teks yang di blok hijau dengan URL gambar kalian.
Nah, setelah jadi. Contoh hasilnya bisa dilihat disini.

Sekian deh yang bisa saya posting,, good luck. :)