Botones de redes sociales

mayo 28, 2013 | 8 Comentarios

Uno de los recursos más solicitados son los botoncitos para enlazar el blog con redes sociales porque parece mentira que algo tan simple no se ofrezca con más original en la red. He visto muchos y casi todos igual de aburridos y los originales, lucen maravillosamente en sus blogs y no es plan de llevártelos sin permiso. Así que abandono la línea convencional y te invito a que destaques las redes sociales de una manera más atrevida.

Cada botón, es un archivo .png. Este formato es para que conserve la transparencia -cosa que las imágenes en .jpg no lo hacen- y así se adaptará a cualquier fondo de blog o de web. El resultado, unos botones flotando en el sidebar del blog. Desde luego, nada convencional.


Instalación en Bloggers:

Paso 1: desde el panel de administrador en bloggers, haz clic en Diseño - Añadir un gadget - HTML/Javascript

Paso 2: copia y pega el siguiente código en el área de contenido:



Paso 3: tienes que poner tus direcciones personales en los enlaces. Busca en cada etiqueta href y añade tu enlace personal. Ejemplo:

<a href="https://twitter.com/tu-nombre-de-usuario">
en mi caso <a href="https://twitter.com/MaiteMSAlonso">

Paso 4: guardar y colocar el gadget en el lugar del blog que desees. Este es el efecto que tendrá en el blog:



8 comentarios:

  1. Después de varias horas buscando nadie me lo había dejado tan claro como tú. Gracias, guapa!

    ResponderEliminar
  2. Hola Marïmantah,

    He ido a ver tu blog y tienes cosas preciosas. Creo que tal y como tienes estructurado el blog quedarían mejor alineados. Veo que uno se te ha escapado del marco.

    Te paso el código por email que no me deja pegarlo aquí en los comentarios, un abrazo

    ResponderEliminar
  3. Me encantan, lo he puesto en el blog para ver como quedaban y quedan super graciosos.
    Pero como faltan el de instagram y el de pinterest he dejado los feuchos que tengo yo.

    Besotes

    ResponderEliminar
  4. Maite, por alguna razon, los botones me quedan superpuestos a otras imagenes dentro de mi blog. Cual será el problema??
    Gracias!

    ResponderEliminar
  5. Hola Gabriela, ya lo he visto en tu blog. Cambia en la primera línea la etiqueta div.Los comentarios no me dejan que te lo detalle literal así que te lo escribo sin los < > .Cambia el div por div style="margin-top: 100px;"

    Así dejamos algo de margen para que no se pegue con el gadget de arriba,

    Un abrazo,

    ResponderEliminar