Plugin previewbubble para Wordpress

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.

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://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.

Noticias Relacionadas:

• 27-Noviembre-2007 -- ExecPHP: Plugin que permite colocar código PHP en nuestros widgets bajo Wordpress (0)
• 3-Octubre-2008 -- 50 sitios de temas y diseños de plantillas para blogs en Wordpress (6)
• 28-Agosto-2008 -- Atajos de teclado (keyboard shortcuts) para Zend Studio (1)
• 3-Agosto-2008 -- Mejoras en la nueva versión de Wordpress 2.7 (2)
• 26-Julio-2008 -- Tutorial para actualizar Wordpress a la última versión (7)

Etiquetas: blog, code, codigo, javascript, previewbubble.js, Wordpress.

Si te ha resultado interesante esta noticia, puedes recibir las nuevas noticias del blog en tu correo. Puedes pinchar en este enlace para darte de alta.
Además de esto, también puedes seguir las noticias vía RSS .