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.
No hay comentarios:
Publicar un comentario