Revista Blog

Botones para redes sociales en tu blog: código para que se abran en una ventana nueva

Publicado el 27 enero 2014 por Vadellf @VanesaAdell

origin_6344423565

En el post ¿Cómo instalar los botones para redes sociales en el blog? uno de los lectores (Bryan Lucumi) nos dejó este comentario:

muy bueno el aporte, lo único que  considero que faltó fue ponerle al enlace del botón  para que  cuando la persona oprima lo envie a una ventana nueva y no se pierda el enlace del sitio. pero excelente aporte.
La verdad es que cuando hice el post (y preparé los botones para mis redes sociales) no había pensado en esto. Y realmente Bryan tiene razón. Es mejor abrir en una ventana nueva tu red social para que el lector no pierda el enlace del sitio. Así que me puse a mirar por Internet para encontrar la etiqueta de código html para éste fin. Es ésta:
target="_blank"
Me costó un poco hacer que funcionará bien por el tema de los espacios (y porque no tengo ni idea de código html, claro). Pero después de varios intentos, lo conseguí. Es tan fácil como inserir esta etiqueta detrás de la dirección  de la red social.
<a href="DIRECCIÓN RED SOCIAL" target="_blank"><img SRC="DIRECCIÓN IMAGEN SUBIDA A MEDIOS DE WORDPRESS" WIDTH="45" HEIGHT="45" /></a>
Fijaos que entre las comillas que cierran la dirección de la red social y la palabra target hay un espacio. Aunque parezca una tontería, es importante. O al menos, yo si lo quito, no me funciona el enlace. Mi enlace para el Facebook de Reflexions sería este
<a href="https://www.facebook.com/ReflexionsDunaPeriodista" target="_blank"><img SRC="http://writtenbynesa.files.wordpress.com/2013/07/facebook.png" WIDTH="45" HEIGHT="45" /></a>
¿A qué es fácil? Ah, y si lo que necesitas es saber cómo insertar los botones paso a paso, aquí tienes el post en el que lo explico todo.

photo credit: Cakehead Loves via photopin cc


Botones para redes sociales en tu blog: código para que se abran en una ventana nueva

Volver a la Portada de Logo Paperblog