Via e-mail recibo este relato de los tantos “por ques” que nos preguntamos alguna vez en nuestra vida:

¿Por qué cuando yo compré el piso no me dieron la canica que tienen los demás vecinos (pero todos) y que se les cae o la echan a rodar a partir de las doce de la noche?

¿Por qué el pan de molde es cuadrado, si el choped, salami, mortadela…son redondos? ¿Quién tiene la culpa de esto, los tranchetes?

¿Por qué en las pelis de miedo siempre aparece una puerta cerrada de la que sale mucha luz por la rendijas? Qué hacen los espíritus ahí detrás, fotocopias???!!

¿Por qué en las iglesias ponen pararrayos? No las protege Dios? Un poquito de confianza, no??

¿Por qué cuando llegamos a lo alto de una montaña nos ponemos las manos en las caderas?

¿Por qué abrimos la boca cada vez que miramos al techo?


Si os habeis fijado un poco, en la barra lateral (sidebar) de Helektron.com en los enlaces podeis ver si pasais el ratón por encima de alguno de ellos una imagen pequeña que en cuestión es la previsualización de la web a la que está enlazado en enlace.

captura Plugin previewbubble para Wordpress

Para instalarlo en vuestro wordpress o en cualquier página web, ya que el proceso es el mismo ya que solo se aplica javascript y el estilo del enlace se cambia y listo.
Los pasos son los siguientes:

1-. Descargamos previewbubble.js.zip , editamos y el previewbubble.js con cualquier editor de texto y donde pone:

var bubbleImagePath = 'http://static.helektron.com/wp-content/themes/bluehorizon/images/bg.png';

Cambiamos esa ruta, por la ruta donde vamos a subir el archivo bg.png. Finalmente lo subimos a nuestro public_html o home o root o como se llame vuestra ruta inicial.

2-. En el head (cabecera) de vuestra página incluis, conde tengais los includes de los scripts el siguiente, abiertos y cerrados con < y > correspondientemente. El código:

script type="text/javascript" src="http://helektron.com/previewbubble.js"> /script

En el código, en el apartado de src aparece: http://helektron.com/previewbubble.js , bien vosotros teneis que poner la ruta completa, por ejemplo: http://mipagina.com/previewbubble.js

3-. Para terminar, editamos nuestro archivo links.php , lo podeis encontrar en wp-includes dentro de vuestro home.
Bien, lo abrimos y buscamos : $output .= a href=
Lo tenemos que cambiar por: $output .= a class="previewlink" href
Vereis que unicamente solo he añadido: class=”previewlink”

LISTO!!! Visualizamos la página en cuestión y vereis los enlaces con el mismo aspecto que lo tengo yo.

Espero que sirva de ayuda. Cualquier duda, añadir un comentario.


Voy a hacer una breve recopilación, pero espero que buena de los mejores videos que he visto en este año.
Si teneis algún otro que penseis que vale la pena incluirlo en este post, hacerlo mediante comentario y lo añadiré gustosamente ;)

El amigo informático: