Mangas Verdes captura

WebSnapr es la sensación estos días en la blogosfera (y web en general) anglosajona. Básicamente es un servicio que te proporciona una dirección que te devuelve una captura miniaturizada del sitio que quieras. Tan sencillo como esto:

http://images.websnapr.com/?url=http://mangasverdes.es

y obtendrás una imagen como la que aparece a la derecha, es decir la página principal de Mangas Verdes. Sustituye ‘mangasverdes.es’ por el dominio o la dirección que prefieras y obtendrás su miniatura.

Pero, además, WebSnapr te ofrece un método para habilitar la visión de estas maniaturas al pasar el ratón sobre los enlaces que incluyas en tus post o en cualquier otro elemento de blog o web.

Prueba pasando el ratón sobre éstos:

Blablablog
Imagina Fotolog
Cuando calienta el blog

¿Mola? Pues éstos son los pasos para la instalación:

  1. Descárgate la carpeta con los archivos necesarios.
  2. Descomprímela.
  3. Sube la imagen ‘bp.png’ al lugar de tu servidor que prefieras (por ejemplo,a una carpeta ‘images’ en la raíz de tu sitio).
  4. Ídem con el archivo ‘previewbubble.js’ (por ejemplo a la raíz de tu sitio).
  5. Edita el archivo ‘previewbubble.js’ para indicar la ruta hacia la imagen ‘bp.png’. Siguiendo los ejemplos, tendría que ser así:

    var bubbleImagePath = '/images/bg.png';

  6. Inserta la llamada al script en el ‘header’ de tu plantilla:

    <script type="text/javascript" src="previewbubble.js"></script>

  7. Si tienes problemas, como los he tenido yo, entonces igual se te solucionen cambiando ligeramente la ruta:

    <script type="text/javascript" src="/previewbubble.js"></script>

  8. Añade el atributo ‘class=”previewlink”‘ a los enlaces sobre los que quieres que se muestre miniatura el pasar el ratón. Por ejemplo:

    <a class="previewlink" href="http://www.meneame.net">Menéame</a>

Y ya está.

Actualización (20 oct-01.28 h): Si quieres evitarte este proceso, debes saber que ya hay dos plugins para WordPress y otro par de plugins que amplían las funcionalidades del script.

Gracias, Xavier.

Share