Revista Diario

Freebies: redes sociales + mini tutorial de como ponerlos

Publicado el 10 septiembre 2014 por Laura @redheadsense
¡Hola Redheads de mi corazón! ¿Qué tal estáis?Sí, habéis leído bien, he hecho unos botones de redes sociales para que los descarguéis, ¡gratis! ¿Qué os parece? Los he hecho grandes para que vosotros los pongáis del tamaño que queráis, yo los escalo con el paint mismo, así que sin problema. Además, tienen fondo transparente, así que sea cual sea vuestro fondo no pasará nada. Os dejo las fotitos para que los veáis y os descarguéis el que queráis.
Opción 1redes sociales
FREEBIES: REDES SOCIALES + MINI TUTORIAL DE COMO PONERLOS
Opción 2redes sociales
FREEBIES: REDES SOCIALES + MINI TUTORIAL DE COMO PONERLOS
Opción 3redes sociales
FREEBIES: REDES SOCIALES + MINI TUTORIAL DE COMO PONERLOS
Mini tutorial: ¿Cómo pongo los iconos sociales en mi blog?
Para poner este tipo de iconos sociales en vuestro blog necesitáis un código html y copiarlo en un gadget html/javascript. No, tranquilos, no dejéis de leer, es fácil, este es el código que vais a necesitar:
<a href="URL DE LA RED SOCIAL"><img alt="NOMBRE DE LA RED SOCIAL" border="0" height="60" src="URL DE LA IMAGEN" width="60"></a>
Lo que tendréis que cambiar de este código es:
  • URL DE LA RED SOCIAL: Aquí debéis poner la url de vuestro perfil/página de facebook, twitter, instagram...
  • NOMBRE DE LA RED SOCIAL: Ponéis si es facebook, twitter, instagram...
  • URL DE LA IMAGEN: Debéis poner la url de la imagen (en seguida os enseño como sacarla, es muy fácil)
  • Los parámetros que he marcado en morado que pone "60" es el ancho y el alto que queréis que tengan vuestros iconos sociales, id jugando con ellos hasta encontrar el tamaño que más os guste.
¿Hasta aquí todo bien? Vale.. ahora vamos a acabar el código, porque recordad que ahora sabemos que hay que poner en cada cosa pero no sabemos la url de la imagen que queremos poner.
¿Dónde puedo encontrar la url de una imagen?
Yo para buscar la url de una imagen uso tinypic, es una página web en la que tu subes la imagen y ella te da Os voy a explicar visualmente lo que hay que hacer, así no os liáis, a mi al menos así me va mejor cuando busco cómo hacer algo.
FREEBIES: REDES SOCIALES + MINI TUTORIAL DE COMO PONERLOS
Seleccionamos la imagen de la que queremos obtener su url y le damos a "cargar ahora".
FREEBIES: REDES SOCIALES + MINI TUTORIAL DE COMO PONERLOS
Lo que tenemos que copiar es donde pone "enlace directo para presentaciones". Y ya está, ya tenéis la url de vuestra imagen, ¿veis como no era tan difícil?
Resumiendo, en mi ejemplo quedaría mi código así:<a href="https://www.facebook.com/RedheadSense"><img alt="facebook" border="0" height="60" src="http://i58.tinypic.com/200ryj8.png" width="60"></a>
Ahora, teniendo ya el código completo vamos a Diseño -> Añadir gadget -> HTML/Javascript y copiáis el código allí.Si queréis que los iconos sociales os queden centrados lo único que tenéis que añadir es <center> al principio de todo el código y </center> al final, o sea, el código quedaría así:<center><a href="https://www.facebook.com/RedheadSense"><img alt="facebook" border="0" height="60" src="http://i58.tinypic.com/200ryj8.png" width="60"></a></center>
Así se vería mi facebook con el último código:
facebook

lineas
Bueno, pues aquí los tenéis. ¿Que os parece? Si queréis alguno de una red social en concreto, de algun color en especial o con alguna forma en concreto no dudéis en poneros en contacto conmigo. Me podéis enviar un mail mediante el formulario de contacto que tengo en "contacto".
Muchas gracias por leerme y formar parte de esta pequeña comunidad, espero que el tutorial os haya servido y los iconos os hayan gustado.
Laura.
Suscríbete

Volver a la Portada de Logo Paperblog
Por  Claudia Agamez Manzur
publicado el 29 enero a las 16:36

Hola, como puedo bajar los iconos? no pude hacerlo. Te agradezco la ayuda

Dossier Paperblog

Revistas