¿Renovamos el diseño del blog?

Azul cielo para el blog

Con el veranito llegan los cambios de look y el ponerse al día o estudiar... también descansar claro, no todo es trabajar. Esta semana todo ha sido muy azul, en el decoymoda del martes a tocado el azul y el blanco y para acabar con buen sabor de boca, te regalo un diseño para el blog.

N o es un gran diseño, tengo que pulir algunas cosas, pero para empezar no esta mal... Como sabrás si me sigues desde el principio, ya hize unos fondos y botones para san valentín, que creo que gustaron y he querído repetir experiencia para que disfrutes de un diseño bonito y simple para todo el blog. (No me gustan mucho pero son mis primeros diseños y tengo que mostrarlos orgullosa)

Estoy muy contenta porque hice este diseño tan cuki para mi blog, con todas las cosas necesarias, en tonos blanco, gris y azul... y me encanta!!! Pero no pega mucho para mi blog y pensé que sería un desperdicio dejarlo ahí sin usar o borrarlo, así que os lo voy a regalar! (que maja soy, eh?)

Así quedaría usando todo:

Estoy segura de que a alguien le puede interesar o utilizar solo algunas cosas para poner bonito su blog. Me ha quedado tan mono jeje pero podéis ponerle más cosas o tunearlo a vuestro gusto. Siempre que sepáis de programas para poder realizar los cambios  necesarios.

Bueno que me enrollo... aquí lo tenéis:

  • ¡No te olvides de hacer antes una copia de seguridad de tu plantilla!
  • Este es el código del color azul: # abd5cd (para que cambiéis el color de las letras)
  • Para guardar cualquier imagen, dar click derecho y guardar como. Tienen ya el tamaño adecuado para el blog. O si lo prefieres descargar todo.
  • Al final del post explico como instalar cada cosa.
1-La portada. Solo tenéis que poner en medio el nombre de vuestro blog con la letra que queráis y el color azulito. Podéis hacerlo con paint, o picmonkey....









 

2-Detalle que va entre posts y posts.







3-Imagen de suscribirse por mail para el final de los posts. Te doy dos opciones:








4-Botones sociales.



5-Botón de subir.













6-Fondo. 






Como instalarlos:
Portada
Vas a diseño y en la parte de arriba, donde pones el nombre del blog, te da la opción de poner imagen. La subes y listo.


Detalle entre posts y posts
Busca en editar HTML este código:  <b:include data='post' name='post'/>  Ya sabéis, le das a control+F y te sale un cuadradito, ahí pegas el código y enter, para buscar. Te sale subrallado de amarillo. Justo debajo pegas este código:  <center><img src='URL de tu imagen'/></center>

Botón suscribirse dentro de cada post 
Te vas a configuración, entradas y comentarios y en la casilla de plantillas de las entradas pegas este código. Así cada vez que escribáis una entrada nueva, tendréis esa imagen para que la gente se suscriba.

<center>
<a href="url para suscribirte" target="_blank"><img src="url de la imagen"></a></center>

  • ¿No sabéis como sacar la url para suscribirte? seguid este tutorial del blog: mama quiero ser blogger  Ella no explica como poner una imagen dentro de cada post, si no como activar el servicio de correo. La url que conseguis es la que ponéis en el código que os he dado.
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 código 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 sociales
Copia este codigo en diseño, nuevo gadget: html/javascript Copialo tantas veces como iconos tengas.

<a href="URL" target="_blank"><img alt="TEXTO ALTERNATIVO" height="50" 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 cursor por la imagen.

Como obtener de forma sencilla y rápida la url de una imagen sin usar otros programas.

Le das a nueva entrada en tu blog, como si fueras a escribir un post nuevo. Y descargas la imagen del icono que quieras. 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 código de arriba, dentro de las comillas.

FIN

Le estoy cogiendo el gusto a esto de diseñar... No lo haré siempre, solo de vez en cuando, así que aprovechad que es gratis. Si usáis este diseño en vuestro blog, decírmelo en los comentarios y me pasaré para verlos. ¡Que emoción! ♥ Espero que os guste.



¡Sígueme en las Redes Sociales!

encuentrame en Facebook encuentrame en Pinterest encuentrame en Google Plus


Si te ha gustado la entrada ¡Compártela!

10 comentarios:

  1. ¡Me encanta!
    Te ha quedado estupendo y el hecho de que lo regales dice mucho de ti, si es que eres un cielo!
    Yo de momento no creo que cambie el diseño del blog pero si lo hago, me gustaría hacerlo a mi misma pero estoy segura que te voy a pedir consejo ;)

    Besitos guapa

    ResponderEliminar
    Respuestas
    1. ¡Gracias Nika! tu si que eres un cielo. Me encantará ayudarte con el diseño, pero ten en cuenta que no soy una experta.... me he propuesto mejorar en diseño gráfico así que será un reto y tengo muchas ganas de hacer más diseños.

      Un besote

      Eliminar
  2. Te ha quedado precioso!
    He cogido el separador de posts, y lo he incluido en mi blog. ¡Llevaba tiempo buscando algo así!
    Aquí lo puedes ver http://eldesvandeideas.blogspot.com.es/
    Lo dicho, mil gracias por estos regalitos!!

    ResponderEliminar
    Respuestas
    1. Me alegra de que te guste y te sirva, jejeje ya lo he visto puesto en tu blog y queda genial.
      Por cierto, tienes un blog precioso, me encantan las letras que has elegido y el botón de subir con el conejito y el goblo me ha robado el corazón.

      Un saludo

      Eliminar
  3. Me encanta!! Que bonito todo, es super de mi estilo!!! Yo cambié la imagen del blog hace poco, pero puede que pille algún detalle de estos para terminar de redondearlo jeje y sino me lo guardo para el próximo cambio de look:P Besos Patri!;)

    ResponderEliminar
  4. Corazón, tienes algún diseño blanco entero para el blog? Es que lo ando buscando y no encuentro... Un besito y gracias por todo.

    ResponderEliminar
    Respuestas
    1. Hola, pues no tengo nada en blanco... pero es muy facil. Si usas (blogger) pon una plantilla sencilla, solo tienes que ponerle el fondo blanco en la pestaña de diseño. Sin fondo y listo.

      Espero haberte ayudado algo
      Un saludo

      Eliminar
  5. Que chulo! jolines que maña jaja, gracias por compartirlo con tod@s nostr@s
    Un beso

    ResponderEliminar
  6. Holaa wapaa, esta muyyy bien tu diseño, todo muy muy limpio por asi decirlo, muy claro y todo a la vista me gusta.
    También explicas muy bien como cambiar el diseño. Yo por ahora lo voy a dejar como esta, lo puse asi cuando cree el blog y hasta que no me canse creo que lo dejaré asi, jajaaja
    Un besoteee

    ResponderEliminar

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