Añadir iconos de Redes Sociales en un Blog

Añadir Gadget de Redes Sociales en un Blog

–> Hola amigos y amigas que trabajan con blogger, en este articulo les enseñare a añadir un Gadget con las redes sociales mas usadas, para que tus lectores puedan encontrarte y estar mas al tanto de tu contenido.
Las redes sociales que mostraremos en el Gadget seran:

  • Twitter
  • Facebook
  • Google+
  • Linkedin
  • Youtube
  • Metroblog

El Gadget quedara de la siguiente forma:

Iconos en Blog
Pasos a seguir para añadir el Gadget Con las redes sociales:

  1. Nos dirigimos a la sección Diseño de nuestro blog.
  2. En este momento se abre una página donde se muestra una representación visual del diseño de nuestro blog.
  3. Hacemos clic en la opción Añadir un gadget.
  4. En este momento se abrirá una ventana donde podremos seleccionar el tipo de gadget que queremos añadir.
  5. De ese listado de tipos de Gadgets seleccionamos HTML/Javascript
  6. Al seleccionar dicha opción se abre una página donde configuraremos el gadget de la siguiente manera:
Título: Escribir el título que queremos que se muestre al visualizar el gadget redes sociales.

–> Contenido: Espacio destinado para poner el código HTML que queremos mostrar en el gadget, en nuestro caso deberemos copiar el siguiente código:


// Link de perfil de twitter
<a href=’URL twitter’ target=’_blank’><img alt=’twitter’ src=»http://2.bp.blogspot.com/-HoByHzmab00/T-WiFnncFXI/AAAAAAAAAuM/eIStHRliy7Y/s000/twitter.png» title=’twitter’/></a> 
//  link a tu perfil de facebook
<a href=’URL facebook’ target=’_blank’><img alt=’facebook’ src=»http://4.bp.blogspot.com/-KGUfFpIGxDo/T-WiF2abbMI/AAAAAAAAAuU/YUHVZnWeTAQ/s000/facebook.png» title=’facebook’/></a> 
//  link a tu perfil de google+
<a href=’URL google+’ target=’_blank’><img alt=’google plus’ src=»http://4.bp.blogspot.com/-FbyQUvCfcsc/T-WiGWwdzZI/AAAAAAAAAuc/23NBI95QlmY/s000/gplus.png» title=’google plus’/></a> 
//link a tu perfil de Linkedin
<a href=’URL linkedin’ target=’_blank’><img alt=’linkedin’ src=»http://3.bp.blogspot.com/-HPHUoa0ufsw/T-WiGqwz3YI/AAAAAAAAAuk/MEYc0chl5zs/s000/linkedin.png» title=’linkedin’/></a> 
// link a tu perfil de Youtube
<a href=’http://www.youtube.com/user/masetru’ target=’_blank’><img alt=’Youtube’ src=»http://static.tiendy.com/shops/mimomimascota/theme/assets/icono_youtube.png» title=’Youtube’/></a> 
//link a tu perfil de Metroblog
<a href=’http://NombreUsuario.metroblog.com/’ target=’_blank’><img alt=’Metroblog’ src=»http://blog.mp3.es/wp-content/uploads/2013/03/metro-last-light.png» title=’Metroblog’/></a>
En el código de arriba deberéis sustituir el texto URL twitter, URL facebook, URL google+ y URL linkedin por la URL de vuestros perfiles en cada una de estas redes sociales.
En el caso que no quieras mostrar alguno de ellos nada mas elimina el fragmento de código de la red social que no quieres y dejara de mostrarse..

Para dejar todo mas claro en el siguiente tutorial te muestro como hacer lo antes mencionado.

Leer mas  Como Crear un Blog en Blogger

Deja un comentario