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

Añadir Comentario