Cómo poner los iconos de las 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.
Lo primero es conseguir las imagenes yo les dare un link descarga (orpime la siguiente imagen)
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:
<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”
- Ejemplo:
<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>
- Haz click en guardar y listo, si todo ha ido bien ya tienes toda tus redes sociales en el blog.
