1.Dashbord>Design>Edit Html
2.Ctrl f dan search code <head>
3.Copy code dibawah dan paste bawah <head>
<style type="text/css">
.drag{
position:relative;
cursor:hand;
z-index: 100;
}
</style>
<script type="text/javascript">
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.Save template
Okay sekarang terpulang nak buat drag and drop ni dekat new post ka,dekat html/javascript ka,ni code dia.
IMAGE
<img src="IMAGE URL HERE" class="drag"><br>
TEXT
Bold : <b class="drag">YOUR TEXT HERE</b>
Underline : <u class="drag">YOUR TEXT HERE</u>
Italic : <i class="drag">YOUR TEXT HERE</i>
Strike : <s class="drag">YOUR TEXT HERE</s>
Kredit : http://dita.beany.org/
Sunday, 4 December 2011 - BY Anis Diyana
ANIS DIYANA
I'm Anis Diyana,18 y/o,muslim and Malaysian.I love to eat cheese.I love drawing chibis and doodling too.I hope this blog will help you to edit your blog.If you have any question to ask me or you want to request a tutorial,kindly email me here: anisdiyana97@gmail.com
'Florale' by Marcielago. Icons from thefadingnight.
