Arrastrar las imágenes del blog

Este es una forma de hacer que tu blog sea mucho más interactivo ya que no en muchas páginas se ve algo parecido a lo que haremos.
ADVERTENCIA: una vez que uses este script prodia desactivarse tu gadget de "Seguidores" impidiendo la vizualicación de este.
Fíjate en este ejemplo que podrás mover dentro del navegador y se quedará donde lo dejes:

Puedes ver como te quedará el efecto haciendo click aquí para ver el blog de pruebas

Para lograr debes hacer lo siguiente:
1.- Hacemos click en Diseño

2.- Luego hacemos click en Edición HTML

3.- Buscamos esto: </head>

Para buscarlo sin problemas presionamos la tecla Atl y al mismo tiempo la tecla F y escribes </head> en el espacio*
4.- Ahora pegamos esto antes del </head>

<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);
</script>
<!-- Prototype y Scriptaculous-->

5.- Guarda los cambios.
6.- Ahora cuando quieras agregar el efecto a una imagen copias y pegas este codigo:
<img id="drag1" style="cursor:move; border:0px;" src="URL de la imagen"/>
<script type="text/javascript">new Draggable('drag1');</script>

7.- Donde dice “URL de la imagen” copias el link de tu imagen (por ejemplo http://www.guardadordeimagenes.com/tuimagen.jpg) y LISTO!

Recuerda que cada vez que vayas a hacerlo deberás cambiar la ID de la imagen, por ejemplo drag2, drag3, etc. de modo que ninguna imagen tenga el mismo ID.