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

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 = 'https://noticiasdehumor.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="https://noticiasdehumor.com/previewbubble.js"> /script

En el código, en el apartado de src aparece: https://noticiasdehumor.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.

por Victor

Me llamo Víctor López y nací en Zaragoza el 16 de Diciembre de 1984.Esta web la monté exactamente el 23 de Mayo del 2005 con la idea de publicar mis experiencias personales, cosas curiosas que veía a mi alrededor (tanto en Internet como en mi vida) y el poder tener mi propio espacio web en la red. Si quieres puedes ver las estadísticas del año 2010.Ingeniero Superior en informática (terminé la carrera en 2006), desde pequeño ya estaba totalmente convencido a lo que me iba a dedicar en mi vida, la informática. Quizás porque mi padre tenía un Spectrum y me pegaba horas trasteándolo o quizás porque desde pequeño siempre me han gustado “los chismes”. El caso es que empezó a gustarme este mundo de la informática.Profesionalmente soy Analista-Programador Senior en PHP y me dedico al análisis, desarrollo y programación de páginas web y al desarrollo de aplicaciones (principalmente web en PHP, empecé a programar en el año 2002 en PHP), creación, alojamiento, optimización (diseño, SEO, publicidad), puesta en marcha de webs y potenciándolas.Actualmente soy Lead Integration Engineer en EnGrande.com – BudGetPlaces.com, además de formar parte de Homein.com (anteriormente he trabajado en Atrapalo.com, Camyna.com y Sync.es).Socio fundador de Coompy.es Alquilar habitación – Compartir piso.Partidario del software libre y usuario asiduo de Ubuntu y CentOS. Fui usuario de Mac pero ahora ya he vuelto al buen camino con Linux (Ubuntu distro).Sobre mi filosofía de vida, te invito a que leas este artículo: “Tu eres el resultado de ti mismo“. Si lo lees, entenderás mi punto de vista de la vida.Intento estar lo más lejos posible de la monotonía y considero mi trabajo como un hobby, me gusta aprender cosas nuevas cada día y afrontar nuevas metas y proyectos.En mi tiempo libre me gusta practicar cualquier deporte (el fútbol especialmente), me gusta competir (sea el ámbito que sea), los coches, las buenas películas/series y viajar.Personalmente considero que lo primero en esta vida es la salud y las personas, dejando atrás otras cosas, como puede ser el dinero, la fama y todas esas chorradas, que cuanto más las tienen las personas, más las quieren y menos les importan los demás. Y creo que el respeto y educación es fundamental.Pues eso es todo, un breve resumen de mi persona.Si te quieres anunciar en mi blog, contactar conmigo ya sea para la contratación de mis servicios, ofertas, agradecimientos, quejas, insultos, amenazas y/o similares, puedes mandarme un correo cuando quieras.Mi correo personal de contacto es: http://helektron.com/contacto-personal/Puedes seguir este blog por Google Plus, Facebook, Twitter, RSS y por mail.

3 comentario en “Plugin previewbubble para WordPress”
  1. Me parece muy vistoso, pero lo que no me gusta es que siempre se tarda mucho… talvez cuando todos los snapshots están en caché se vuelva más rápido mientras tanto sigue siendo lento por donde le veas.

    Saludos

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *