Membuat teks/Gambar yang Bisa Dipindah-pindah

Anda lihat gambar di blog ini,
yang gambarnya seperti di
samping kiri ?! Coba anda
klik, tahan mouse anda, lalu
pindahkan teks atau gambar
kemanapun yang anda suka.
Nah, trik itu yang akan saya
berikan pada posting kali ini.

Cara membuatnya adalah sebagai berikut :

1.   Setelah login ke blog anda,
      klik Edit HTML.
2.   Anda cari kode </head>
3.   Copy kode berikut ini dan
      letakkan di atas kode </head>.

syamsudinnamaku.blogspot.com

<style type="text/css"> .drag{ position:relative; cursor:hand; z-index: 100; } </style> <br /> <br /> <script type="text/javascript"> /*********************************************** * Drag and Drop Script Hacked By.kadam ***********************************************/ var dragobject={ z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0, initialize:function(){ document.onmousedown=this.drag document.onmouseup=function(){this.dragapproved=0} }, drag:function(e){ var evtobj=window.event? window.event : e this.targetobj=window.event? event.srcElement : e.target if (this.targetobj.className=="drag"){ this.dragapproved=1 if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0} if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0} this.offsetx=parseInt(this.targetobj.style.left) this.offsety=parseInt(this.targetobj.style.top) this.x=evtobj.clientX this.y=evtobj.clientY if (evtobj.preventDefault) evtobj.preventDefault() document.onmousemove=dragobject.moveit } }, moveit:function(e){ var evtobj=window.event? window.event : e if (this.dragapproved==1){ this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px" this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px" return false } } } dragobject.initialize() </script>

4.   Kemudian simpan template anda.
5.   Anda klik Rancangan.
6.   Tambah Gadget, pilih HTML/JavaScript.
      Copy kode di bawah ini dan
      masukkan ke dalam kontennya.
      simpan dan lihat hasilnya.

Kode Untuk teks yang bisa dipindah =

<class="drag">TULISAN LETAKKAN DISINI.

Kode Untuk gambar yang bisa dipindah =

<img class="drag" src="URL GAMBAR DISINI" />

KETERANGAN :

Anda tidak perlu takut / khawatir format blog anda

nantinya akan berantakkan. Sebab teks / gambar

tersebut akan kembali ke tempat semula begitu anda

atau pengunjung kembali ke Home / halaman utama.

     BERIKAN KOMENTAR TENTANG TUTORIAL INI
TINGGALKAN PESAN ANDA BILA ADA PERTANYAAN