gyansmuslim.blogspot.com...Mungkin sebagian besar sobat blogger udah gak aneh dengan trick semacam ini. Tapi bagi yang memang belum tahu akan tips ini, bisa sekalian belajar dan menambah pengetahuan sedulur. Tips ini terinspirasi ketika saya maen ke blog temen saya www.z33s.com, iseng-iseng lihat halamannya, kok ternyata ada hal yang cukup menarik yang saya temui....ternyata ketika kursor saya arahkan ke Title blog_nya Logo Title itu bisa dipindah-pindah..atau istilahnya Dragable.

Berhubung rasa ingin tahu yang sangat mendalam, langsung dah googling sana-sini...eh taunya mampir di blognya Mas Doyok ketemu deh triknya disana...alah jadi kelaman curhat nih...heeehee. Jika sedulur emang belum tau apa itu efek dragable bisa lihat contohnya dibawah ini, coba geser gambar tersebut :

1. Masuk ke akun blog sedulur
   
   
2. Kemudian Masuk ke Rancangan >> Edit HTML [ saran : download template sedulur terlebih dahulu, untuk menghindari kesalahan dalam modifikasi template ]
   
   
3. Jangan lupa centang dulu Expand Template Widget
   
   
4. Selanjutnya silahkan sedulur cari kode </head> [ untuk mempermudah pencarian tekan Ctrl+F ], jika sudah ketemu silahkan sedulur copy kode dibawah ini dan taruh tepat diatas kode tadi :
   
   
   <style type="text/css">
   
   .drag{
   position:relative;
   cursor:hand;
   z-index: 100;
   }
   
   </style>
   
   <script type="text/javascript">
   
   /***********************************************
   * Drag and Drop Script: © Dynamic Drive (http://www.dynamicdrive.com)
   * This notice MUST stay intact for legal use
   * Visit http://www.dynamicdrive.com/ for this script and 100s more.
   ***********************************************/
   
   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>
   
   
5. Kemudian simpan template