Recientemente he tenido que insertar para una web los botones de compartir enlace, para las redes sociales Facebook, Twitter y Tuenti, con la peculiaridad de tener que hacerlos como popups a partir del logo del servicio. Ejemplo:
Para realizar esta tarea he usado el código javascript window.open a partir del parámetro onclick dentro del comando a href. Las imagenes o si se desea un texto, son los elementos que sirven para enlazar y que el código javascript abra el popup con un ancho (width) de 550 pixels y un alto (height) de 350 pixels, para ofrecer la dirección de la web, a la red social correspondiente. Código:
<div>
<a href="javascript: void(0);" onclick="window.open ('http://www.facebook.com/sharer.php?u=http://URL', 'Facebook', 'toolbar=0, status=0, width=550, height=350');"> <img src="facebook.jpg" alt="Compartir en Facebook" hspace="8" vspace="5" border="0" /></a>
<a href="javascript: void(0);" onclick="window.open ('http://www.tuenti.com/share?url=http://URL', 'Tuenti', 'toolbar=0, status=0, width=550, height=350');"> <img src="tuenti.jpg" alt="Compartir en Tuenti" hspace="2" vspace="5" border="0" /></a>
<a href="javascript: void(0);" onclick="window.open ('http://www.twitter.com/share?url=http://URL', 'Twitter', 'toolbar=0, status=0, width=550, height=350');"> <img src="twitter.jpg" alt="Compartir en Twitter" vspace="5" border="0" hspace="6" /></a>
</div>
5 COMENTARIOS
Información Bitacoras.com…
Valora en Bitacoras.com: Recientemente he tenido que insertar para una web los botones de compartir enlace, para las redes sociales Facebook, Twitter y Tuenti, con la peculiaridad de tener que hacerlos como popups a partir del logo del servicio. Ejem…..
[…] Popup compartir Twitter, Facebook y Tuenti Esta entrada foi publicada em The last of Google/Yahoo. Adicione o link permanente aos seus […]
[…] « Popup compartir Twitter, Facebook y Tuenti abr […]
[…] Follow this link: Popup compartir Twitter, Facebook y Tuenti […]
Gracias por tu maravillosa aportacion en base a ello me he permitido el lugo de crearte el de google+ un cordial saludo x)
a class='googleplus' href="javascript: void(0);" onclick="window.open ('http://plus.google.com/share?url=URL', 'Google+', 'toolbar=0, status=0, width=550, height=350');">