Social Icons

miércoles, 1 de junio de 2016

Como Poner Iconos de Redes Sociales en su web Blogger o Web

Si eres administrador de tu blog, pagina web o redes sociales ya sea personal o profesional, debes saber la importancia de los iconos  de Redes Sociales que hoy en día son los que traen trafico a tus paginas por ese motivo  nuestro objetivo en este post es enseñarles como insertarlos en tu pagina Web, Blog

Los iconos estan optimizados para que se ajusten con la imagen del icono a tu sitio Web o Blog asi como el código ya esta creado solo te falta cambiar la dirección URL  de su red social

son de diferentes tamaños, los mas populares (32px, 40px y 48px), cada icono tiene la etiqueta alt, (esta sirve para mostrar texto alterno a los buscadores si no pueden abrir la imagen) y title para mostrar el titulo de la imagen, y cada uno tiene su tamaño especifico

cada código tiene estas lineas de HTML
<a href="URL-FACEBOOK" target="_blank"><img alt="siguenos en facebook" height="40" src="http://3.bp.blogspot.com/-MQuocq7OzfU/UiXwUY81yQI/AAAAAAAAB0Q/h6-R_R2-buI/s1600/face.png" title="siguenos en facebook" width="40" /></a>

lo que esta en rojo debes remplazarlo por la url de tu usuario o pagina en la red social que tengas,


  • Remplaza lo que esta en color  rojo por la dirección de tu red social y lo mismo para twitter google+ o cualquier botón social que hayas elegido.
  • Lo que esta en color azul es el texto que mostrara al pasar el cursor, si quieres puedes personalizar a su gusto
  • Lo de color verde es el texto alternativo para los buscadores (NO LO TOQUES DEJALO COMO ESTA)

¿Como colocar estos iconos sociales en su Blog o Web?

 Solo debes seleccionar el icono social que quieras, y seguido o al lado de este, hay un código, el cual  debes copiarlo y pegarlo dependiendo de la plataforma que utilizas por ejemplo:


Si usas blogger: copia el codigo -> ve a diseño -> añadir un gadget -> elige un HTML/Javascript, pega los códigos que elegiste  y guarda.



Por el contrario si utilizas wordpress: copia el codigo -> ve a Escritorio-> Apariencia-> Widgets -> elige el widget cuyo nombre es ‘Texto’-> y pegas los códigos que elegiste.




32px 40px 48px
facebook
Síguenos en facebook Síguenos en facebook Síguenos en facebook
Síguenos en facebook Síguenos en facebook Síguenos en facebook
Google+
Síguenos en Google+ Síguenos en Google+ Síguenos en Google+
Síguenos en Google+ Síguenos en Google+ Síguenos en Google+
Síguenos en Google+ Síguenos en Google+ Síguenos en Google+
Twitter
Síguenos en Twitter Síguenos en Twitter Síguenos en Twitter
Síguenos en Twitter Síguenos en Twitter Síguenos en Twitter
Youtube
Canal de youtube Canal de youtube Canal de youtube
Canal de youtube Canal de youtube Canal de youtube
Canal de youtube Canal de youtube Canal de youtube
Likedin
Sígueme en Likedin Sígueme en Likedin Sígueme en Likedin
Pinterest
Sígueme en Pinterest Sígueme en Pinterest Sígueme en Pinterest
Sígueme en Pinterest Sígueme en Pinterest Sígueme en Pinterest
Rss feed
Rss feed Rss feed Rss feed
Delicious
sígueme en Delicious sígueme en Delicious sígueme en Delicious
sígueme en Delicious sígueme en Delicious sígueme en Delicious
Instagram
sígueme en Instagram sígueme en Instagram sígueme en Instagram
sígueme en Instagram sígueme en Instagram sígueme en Instagram
Blogger
sígueme en Blogger sígueme en Blogger sígueme en Blogger
sígueme en Blogger sígueme en Blogger sígueme en Blogger
Digg
sígueme en Digg sígueme en Digg sígueme en Digg
sígueme en Digg sígueme en Digg sígueme en Digg
Dribbble
sígueme en Dribbble sígueme en Dribbble sígueme en Dribbble
Tumblr
sígueme en Tumblr sígueme en Tumblr sígueme en Tumblr
Flickr
sígueme en Flickr sígueme en Flickr sígueme en Flickr
sígueme en Flickr sígueme en Flickr sígueme en Flickr
sígueme en Flickr sígueme en Flickr sígueme en Flickr
Picasa
sígueme en Picasa sígueme en Picasa sígueme en Picasa
sígueme en Picasa sígueme en Picasa sígueme en Picasa
Correo
sígueme por Correo sígueme por Correo sígueme por Correo
sígueme por Correo sígueme por Correo sígueme por Correo
Slideshare
sígueme en Slideshare sígueme en Slideshare sígueme en Slideshare
sígueme en Slideshare sígueme en Slideshare sígueme en Slideshare
Myspace
sígueme en Myspace sígueme en Myspace sígueme en Myspace
Orkut
sígueme en Orkut sígueme en Orkut sígueme en Orkut
sígueme en Orkut sígueme en Orkut sígueme en Orkut
Reddit
sígueme en Reddit sígueme en Reddit sígueme en Reddit
sígueme en Reddit sígueme en Reddit sígueme en Reddit
Skype
sígueme en Skype sígueme en Skype sígueme en Skype
sígueme en Skype sígueme en Skype sígueme en Skype
StumbleUpon
sígueme en StumbleUpon sígueme en StumbleUpon sígueme en StumbleUpon
sígueme en StumbleUpon sígueme en StumbleUpon sígueme en StumbleUpon
Vimeo
sígueme en Vimeo sígueme en Vimeo sígueme en Vimeo
Wordpress
sígueme en Wordpress sígueme en Wordpress sígueme en Wordpress
sígueme en Wordpress sígueme en Wordpress sígueme en Wordpress
Yahoo!
sígueme en Yahoo! sígueme en Yahoo! sígueme en Yahoo!
sígueme en Yahoo! sígueme en Yahoo! sígueme en Yahoo!
Friendfeed
sígueme en Friendfeed! sígueme en Friendfeed! sígueme en Friendfeed!
Livejournal
sígueme en Livejournal! sígueme en Livejournal! sígueme en Livejournal!
Hi5
sígueme en Hi5! sígueme en Hi5! sígueme en Hi5!
Skyrock
sígueme en Skyrock! sígueme en Skyrock! sígueme en Skyrock!
Vkontakte
sígueme en Vkontakte! sígueme en Vkontakte! sígueme en Vkontakte!


Si la información te fue de utilidad para resolver tu caso no olvides respondernos que así ha sido con un comentario para que otros usuarios puedan contar con esta solución ;D

Te ha resultado útil esta información?Tus comentarios nos ayudan a mejorar esta web.


Puedes seguirnos en Twitter o unirse a nuestro Facebook página de fans o Google + para mantenerse actualizado sobre lo último en tecnología móvil e informática en general

Todo el material que se publica aquí  es propiedad de sus respectivos autores. Por favor, informar al  administrador si en algún momento se infringe los  derechos de autor. Y vamos a vincular su sitio web oficial de la dirección de conexión, o eliminar en un plazo de tres días hábiles. preguntas, póngase en contacto con nosotros: nosgustalatecno @nosgustalatecnologia.es

Publicar un comentario

Artículos Relacionados Con

Lee Las Condiciones de uso del contenido de este Blog

 
Related Posts Plugin for WordPress, Blogger...