Cara Memberi Efek DragGambar Pada Blog

Cara Memberi Efek Drag (pindah) Gambar Pada Blogger

  • Login ke blog Masing masing
  • Rancangan > Edit HTML
  • Cari kode ]]></b:skin> Lalu pastekan kode dibawah ini diatasnya,,
.drag_gambar img { cursor: move;}
  • lalu taruh kode dibawah ini diatas kode <body>
<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() {
$(&quot;div.drag_gambar img&quot;).draggable();
});
</script>
  • Lalu Save Templatenya

Note :
Cara penggunaan dalam menggunakan tutor ini silahkan lit kodenya dibawah ini :

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


Sumber Vikry dengan beberapa versi perubahan disanasini,,,!

1 Coment :