Hay diversas formas para que el usuario pueda interactuar con el blog, una de ellas es la de hacer que las imágenes se puedan arrastrar.

De esta manera el usuario ve más interactiva la página y de este modo puede "jugar" con las imágenes.
Para hacerlo tienes que entrar a "Diseño", "Edición de HTML" y antes de pegar el siguiente código:



    <!-- Prototype y Scriptaculous-->

    <script src='http://www.google.com/jsapi'/>

    <script>

    google.load("prototype","1.6.0.3");

    google.load("scriptaculous", "1.8.2");

    </script>

    <!-- Prototype y Scriptaculous-->

Si ya está ese código en tu plantilla no hace falta que lo vuelvas a poner, pasa directamente al siguiente paso. Una vez hecho esto, cuando quieras que una imagen de una entrada se pueda arrastrar usa el siguiente código dentro del post:

    <img id="drag1" style="cursor:move; border:0px;" src="dirección-de-la-imagen"/>

    <script type="text/javascript">new Draggable('drag1');</script>

Sustituye donde pone "dirección-de-la-imagen" por la dirección de la imagen que quieres que se mueva. Cada vez que vayas a hacerlo deberás cambiar la ID de la imagen (drag1), por drag2, drag3, drag4, etc. de modo que ninguna tenga la misma ID.