jueves, 26 de febrero de 2015

Iconos de Redes Sociales en tu Blog

Hola a todos bienvenidos una vez más a mi blog, a continuación les mostraré como poner links para tus redes sociales desde tu blog. Puedes escoger el diseño de los iconos o crearlo tu mismo si manejas programas de edición. Podemos hacerlo de 2 maneras. También te recomendaré unas páginas donde puedes descargar algunos iconos.




Pasos:
PRIMERA FORMA
1. Descarga el paquete de iconos que más te guste
2. Subir las imágenes desde blogger y obtener el URL de la imágen o algún otro sito de almacenamiento de imagenes.
3. Subimos la imágen desde una entrada de blogger y nos dirigimos donde dice HTML, buscamos la URL de la imágen, la guardamos y lo vamos a copiar en el siguiente código donde dice "URL DE TU IMÁGEN"

<a href="AQUI EL LINK DE TU PÁGINA" target="_blank"><img alt="SIGUENOS EN TU RED SOCIAL" src="URL DE TU IMÁGEN" width=48 height=48  /></a>

4. Ahora nos dirigimos a nuestra página a donde queremos que se dirija desde el inicio del "https;//tu página..." y lo pegas donde dice "AQUI EL LINK DE TU PÁGINA"
5. Por último modificamos donde dice "SIGUENOS EN TU RED SOCIAL" por el texto de tu elección por ejemplo "Síguenos en Facebook,Mi Facebook, Sigueme". lo que a ti más te guste.
6. Una vez realizado este cambio en el código nos vamos a DISEÑO del blog y creamos un GADGET.
7. El Gadget que debemos crear es uno de código HTML
8. Pegamos nuestro código con cada icono que querramos modificar, lo guardamos y listo!


SEGUNDA FORMA
1. Descarga el paquete de iconos que más te guste
2. Subir las imágenes desde blogger, ya sea desde una entrada.
3. El tamaño tiene que ser tamaño original
4. Seleccionamos la imagen y nos dirigimos a vínculo
5. Colocamos el vínculo de nuestra página y le damos la opción de abrir en otra pestaña.
6. Nos vamos a la parte que dice HTML desde la entrada y ubicamos tanto el URL de la imagen como el link para la página de red social
7. Dejamos el codigo lo más limpio a raíz que quede parecido al código que les mostré anteriormente (guiarse con el video más abajo)
8. Repetir los pasos 6-8 de la primera forma
9. Ver el vídeo para resolver tus dudas.

Páginas para descargar iconos de redes sociales GRATIS

  • http://www.freepik.es/
  • http://www.iconarchive.com/
  • http://www.creativosonline.org/blog/category/iconos
Dependiendo de donde los descarguen pueden encontrarlos tipo jpeg, png, gif o psd. Recuerden dar créditos a los creadores de los iconos.

VIDEO TUTORIAL


3 comentarios: