Cómo poner tus redes sociales en Blogger

En este tutorial vamos a explicar como poner unos iconos o imágenes enlazados a tus redes sociales. Si además del blog tienes página en Facebook, Pinterest, Instagram o Twitter puedes ponerlo en tu blog de una forma muy sencilla para que la gente que te visite pueda ir también a tus otras páginas.

Antes de empezar vas a necesitar unos iconos o imágenes de todas las redes sociales que quieras poner. En internet hay muchos sitios donde encontrar iconos que puedes descargar y utilizar de forma gratuita.

Cuando encuentres unos iconos que crees le pueden ir bien a tu blog los tienes que descargar y después subirlos de nuevo a Internet en un espacio tuyo que puede ser Dropbox, Google drive o Picasa, incluso puedes subirlos a Blogger. Lo importante es que los tienes que subir porque vamos a necesitar la dirección o URL de cada una de las imágenes.

Una vez subidos los iconos copia todas las URL de cada una de ellas y pégalas en tu blog de notas para tenerlas listas.

• Lo siguiente es ir a tu panel de control Plantilla/Diseño.

• En el lado derecho de la pantalla (ver foto) tienes que hacer click en añadir un gadget para poner tus iconos en la barra lateral.

•  Ahora busca en la siguiente ventana que te aparece Html/Javascrip y dale al +

• El código que viene a continuación es para poner 4 redes sociales pero puedes añadir o quitar las que quieras, así como cambiar el orden. Pega el siguiente codigo en el espacio que dice contenido (ver foto abajo).

<center>

<a href="aqui va el enlace a tu facebook"><img src="aqui va la url de tu icono de facebook" img border="0" /></a>

<a href="aqui va el enlace a tu pinterest"><img src="aqui va la url de tu icono de pinterest" img border="0" /></a>

<a href="aqui va el enlace a tu instagram"><img src="aqui va la url de tu icono de instagram" img border="0" /></a>

<a href="aqui va el enlace a tu twitter"><img src="aqui va la url de tu icono de twitter" img border="0" /></a>

</center> 

• Si quieres que las páginas se abran en una pestaña nueva del navegador tienes que poner el atributo: target="_blank" 

<center>

<a href="aqui va el enlace a tu facebook" target="_blank"><img src="aqui va la url de tu icono de facebook" img border="0" /></a>

<a href="aqui va el enlace a tu pinterest" target="_blank"><img src="aqui va la url de tu icono de pinterest" img border="0" /></a>

<a href="aqui va el enlace a tu instagram" target="_blank"><img src="aqui va la url de tu icono de instagram" img border="0" /></a>

<a href="aqui va el enlace a tu twitter" target="_blank"><img src="aqui va la url de tu icono de twitter" img border="0" /></a>

</center> 

• Si quieres añadir el correo electrónico en alguno de los iconos 

<center>

<a href="aqui va el enlace a tu facebook" target="_blank"><img src="aqui va la url de tu icono de facebook" img border="0" /></a>

<a href="aqui va el enlace a tu pinterest" target="_blank"><img src="aqui va la url de tu icono de pinterest" img border="0" /></a>

<a href="aqui va el enlace a tu instagram" target="_blank"><img src="aqui va la url de tu icono de instagram" img border="0" /></a>

<a href="aqui va el enlace a tu twitter" target="_blank"><img src="aqui va la url de tu icono de twitter" img border="0" /></a>

<a href="mailto:aquitucorreoelectrónico@gmail.com" target="_blank"><img src="aqui va la url de tu icono de gmail" img border="0" /></a>

</center>

• Haz click en guardar y listo,  si todo ha ido bien ya tienes toda tus redes sociales en el blog.

Si todo ha ido bien, ya debe funcionar.