Fondos y botones para el blog de san valentín

¡Hola chic@s!

Como véis, ya se acerca san valentin y quería hacer algo especial, pero no sabía el que... asi que me puse a pensar en las cosas que se me dan bien y que puedan servir de ayuda para los demás.

Se me ocurrió pensar en todo lo que nos ayudan los blogs que explican como diseñar y programar un blog, con tutoriales, cursos y todos esos fondos y botones sociales de diseño que nos regalan... De ahi me surgió una idea; puede que yo no sepa como diseñar o programar un blog, pero si se de progamas gráficos.... asi que esta es mi pequeña aportación para vosotros.

Fondos y botones sociales amorosos para este mes de febrero. 



Siempre he querído hacer diseños bonitos para el blog, pero por vaguería y porque se tarda un tiempo en hacerlo bonito y bien, no me había puesto en serio... ¡ya no hay excusas!

No quería hacer un diseño empalagoso, todo rojo y lleno de corazoncitos; asi que he hecho dos diseños simples y bonitos (sí, con corazoncitos pequeñitos que son más sutiles) que puedes combinar entre sí o no, depende de tu gusto. El tamaño de cada imagen está adaptado para el blog, tal cual veis el icono así quedará puesto. Espero que os gusten:

Para descargarlos solo dar click derecho sobre la imagen y guardar como.



4 diseños para el fondo:








Este es mi fondo, os lo dejo en rojo también por si a alguien le gusta:








Y botón de subir:

















Si el experimento resulta ser todo un exito, procuraré hacer nuevos y mejores diseños y regalarlos en fechas especiales. Decirmelo en los comentarios...

Como instalarlos:

Fondo
Te vas a plantilla, personalizar y fondo. Ahí subes tu imagen y la colocas como mosaico para que el dibujo se repita.

Botón de subir
Copia este codigo en diseño, nuevo gadget: html/javascript

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="AQUI URL DE LA IMAGEN" /></a>

Botones
Copia este codigo en diseño, nuevo gadget: html/javascript

<a href="URL" target="_blank"><img alt="TEXTO ALTERNATIVO" height="64" src="URL ICONO" title="TITULO PARA MOSTRAR" width="64" /></a>

1- Pones la url (dirección) de tu pagina de facebook, pinterest....
2- El texto que se mostrara en caso de que la imagen del icono no funcione o no se vea.
3- Url de la imagen de la imagen. (si no sabes como conseguirlo, te lo explico más abajo)
4- Texto que se mostrará al pasar el cursos por la imagen.

Como obtener de forma sencilla y rápida, la url de una imagen.

Le das a nueva entrada en tu blog, como si fueras a escribir un post nuevo. Y descargas la imagen del icono que qieras. Cambias de "redactar" a "HTML" y ahi te saldrá un código largo. Busca SRC= y lo que está entre comillas "es la url de la imagen". Lo copiáis y los pegáis en el codigo de arriba, dentro de las comillas.

FIN

Si colocáis alguno de estos diseños en vuestro blog, decirmelo en los comentarios y me pasaré para verlos. ¡Sería genial!
 

Comentarios

  1. Me ha encantado la entrada, he puesto el botón de subir en mi blog http://boligrafosinduenio.blogspot.com/
    Un beso

    ResponderEliminar
    Respuestas
    1. Gracias! como es la primera vez que hago un diseño de este tipo y lo comparto, no sabía si iba a gustar.... me alegra ver que son útiles.

      Le hecharé un vistazo a tu blog para ver como queda... ¡que ilusión!

      Eliminar

Publicar un comentario

Anímate a dejar un comentario, me encantará recibirlo y contestarte. Muchas gracias y besotes