Cómo poner las redes sociales en el blog

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.

como poner iconos redes sociales en tu blog

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, pero si te gustan también te puedes descargar estos que hemos preparado nosotros 🙂

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 quies 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.

Enlaces relacionados con cómo poner las redes sociales en el blog:


89 Respuestas

  1. Neyver Jhoel 10 años ago
  2. May Perez Palau 9 años ago
  3. Kristel 9 años ago
    • euroresidentes 9 años ago
  4. Eva Almarcha Cubero 9 años ago
  5. Anto Carruyo 9 años ago
    • euroresidentes 9 años ago
  6. Ana 9 años ago
    • euroresidentes 9 años ago
    • Ana 9 años ago
  7. Maria Reina 9 años ago
    • Trini Mora 9 años ago
  8. Brenda Sander 9 años ago
    • Trini Mora 9 años ago
  9. Emmanuel Rodriguez 9 años ago
    • euroresidentes 9 años ago
  10. Nathaly Burgos 9 años ago
    • trinimora 9 años ago
  11. Ailén Celada 9 años ago
  12. Ana Criado Martínez 9 años ago
    • trinimora 9 años ago
  13. Dany 9 años ago
  14. Son Eventos 9 años ago
  15. trinimora 9 años ago
  16. La mama fa el que pot 9 años ago
  17. Tati Ayala 9 años ago
  18. Karina Juárez 9 años ago
    • trinimora 9 años ago
  19. Karina Juárez 9 años ago
  20. Carrero Grueso 9 años ago
  21. Eva Domínguez 9 años ago
    • trinimora 9 años ago
  22. Drusilada 9 años ago
    • trinimora 9 años ago
  23. julia reyes retana 9 años ago
    • trinimora 9 años ago
    • julia reyes retana 9 años ago
    • trinimora 9 años ago
  24. Cristina Gallego 9 años ago
  25. KARMELA 9 años ago
  26. Cris Rajic 9 años ago
  27. Magaly Gonzalez 9 años ago
  28. Debanhi Cortés 9 años ago
    • Abril Damaris 8 años ago
  29. Casa Lolo 8 años ago
  30. Anónimo 8 años ago
  31. Abril Damaris 8 años ago
  32. ScrapCatDreams 8 años ago
  33. Azahar Taller 8 años ago
  34. Carlos L. Reyes 8 años ago
  35. Rocío Ruiz 8 años ago
    • euroresidentes 8 años ago
    • Davila Guillen 8 años ago
  36. Erika Chacón 8 años ago
  37. Edith María Chamorro 8 años ago
  38. Marley F. 8 años ago
  39. Retazos 4Ever 8 años ago
  40. Mariam abalorios. 8 años ago
  41. Francisco Tapia 8 años ago
  42. Claudia Loyola 8 años ago
  43. Ana Cast 8 años ago
  44. lidia Drac 8 años ago
  45. Davila Guillen 8 años ago
  46. elena mystyle 7 años ago
  47. Planeta Lujos 7 años ago
  48. Anónimo 7 años ago
  49. jorgelina garbellini 7 años ago
  50. Mundos Distintos 7 años ago
  51. Anny Guilarte 7 años ago
  52. Sonia 7 años ago
  53. Karla Rosales 7 años ago
  54. Sasa Cositas 7 años ago
  55. Juan Bautista 7 años ago
  56. Sofia 6 años ago
  57. natalia 6 años ago
  58. Karin 6 años ago
  59. Miczape 6 años ago
  60. Silvia 6 años ago
  61. Rosie 6 años ago

Añadir Comentario