Drag n Drop Object Script

Drag and Drop Object Script yaitu script untuk menggerakan object HTML seperti tag img, tag div, tag table dan tag HTML lainnya. Sebagai contoh coba anda tekan dan tahan tombol klik kiri pada gambar garuda diatas kemudian anda gerakan mouse anda dan perhatikan apa yang terjadi. Gambar garuda diatas telah berubah posisi sesuai dengan drop anda terakhir. Wahh makin keren kan info-nya... so stay tuned terus ya di blog ini biar tambah ilmu bloggingnya... Oke sekarang kita lanjutkan ke TKP.

Cara Pemasangan

• Login ke blog anda.
• Klik "Design" kemudian klik "Edit HTML".
• Cari kode </Head> kemudian letakan kode script dan css berikut ini di atas kode </Head>.
  
  
  <style type='text/css'>
  .drag{
  position:relative;
  cursor:hand;
  z-index: 1000;
  }
  </style>
  
  <script src='http://monozcore-project.googlecode.com/files/DragnDrop.js' type='text/javaScript'/>
  
  
• Tambahkan kode [ class="drag" ] pada bagian tag HTML yang ingin difungsikan untuk bisa melakukan drag and drop.
  Contoh:
  Drag n Drop pada tag Img.
  
  <img class="drag" src="http://3.bp.blogspot.com/-_KDT-sKfTzg/TtC1g23VhyI/AAAAAAAAAh4/frAh5xqtlLY/s800/Garuda%252520Pancasila.gif" />
  
  Drag n Drop pada tag Div.
  
  <div class="drag">.....</div>


• Klik "Save" dan lihat hasilnya...

.:Semoga Bermanfaat:.