Objetos flotantes en el blog (drag and drop)

El efecto drag and drop(arrastrar y soltar), es un efecto con el cual podemos mover algún objeto, como por ejemplo el siguiente "div" tiene añadido dicho efecto:

[1] Para agregar el efecto debes descargar el siguiente Archivo Zip, que contiene:

Drag.html
Script.js

[2] Despues debes alojar el archivo Script.js a un host de internet.

[3] Ahora necesitas vincular el archivo a la página, de la siguiente manera:

<script type='text/javascript' src='URL del archivo'></script>
<script type='text/javascript'>
 onload=function(){ 
  arrastrable.call(_$('pp'),_$('pp')); 
 }
</script>

Todo eso antes de la etiqueta </head>

El código en color amarillo es el id del elemento al que quieres agregar el efecto.

Por ejemplo, si necesitará agregar el efecto a los siguientes elementos:

<div id='footer'></div><div id='content'></div>

En el código anterior tendría que agregar el código anterior de la siguiente manera:

<script type='text/javascript' src='URL del archivo'></script>
<script type='text/javascript'>
 onload=function(){ 
  arrastrable.call(_$('footer'),_$('footer')); 
  arrastrable.call(_$('content'),_$('content')); 
 }
</script>

El efecto lo puedes agregar a cualquier elemento del blog, que tenga un ID. Y se moverá por la página web junto con todo su contenido.