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:


78 Respuestas

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

Añadir Comentario