Consejos para mejorar el diseño de tu blog

6.11.13

Muchas veces me habéis dicho que haga post de este tipo, con mis consejos para dar un toque más especial al blog, más visual. Hoy proponía en Twitter que quien primero me dijera de qué quería que fuera el post, de eso lo haría, y voilà! Gracias @kaperucita85 por la idea.
Hoy empezaré dándoos tres consejos muy diferentes que seguro que os ayudarán a tener un blog más limpio y vistoso que invite a la lectura. Ahí van!
Consejos par aun mejor blog
Si tenéis un blog cuyo mayor peso recae en las fotos tenéis que prestar especial atención a este aspecto. Lo primero que recomendaría es que tuvieseis siempre claro cual es la anchura de vuestro espacio principal del blog, es decir donde van las entradas. Yo por ejemplo tengo claro que mi anchura es 720px, por lo tanto mis imágenes siempre las diseño en photoshop a un tamaño de 700px, así aprovecho el ancho total y le doy el protagonismo que merecen. 
En lugar de subir simplemente la foto, mi recomendación es o bien hacer un collage, o subirlas de una en una pero tratadas, bien con alguna sombra, con alguna decoración como una cinta o unas letras o con algún filtro. La que yo he subido es muy sencilla de hacer con Photoshop, simplemente hay que aplicarle una sombra en las opciones de fusión de la capa y los whasi tapes se hacen añadiendo una forma rectangular y variando la opacidad a 60%. Para hacer esto hay que tener unos mínimos conocimientos de Photoshop y el resultado creo que merece la pena.
Consejos para un mejor blog
La fuente que tengáis predeterminada para los post es sumamente importante, puesto que si la letra no invita a la lectura, difícilmente la gente se parará en el blog. Yo recomiendo utilizar una fuente sencilla, en un tamaño medio tirando a pequeño y evitando la negrita y la cursiva. A nivel particular odio profundamente los blogs que tienen la fuente Comic Sans, y creo que hay mucha gente a la que le pasa lo mismo. Si quieres instalar una fuente distinta a las que tiene predeterminadas tu plantilla, en este tutorial podéis aprender a  instalar la que queráis en unos simples pasos.

consejos para un mejor blog
Intenta personalizar todo lo que esté en tu mano. Instalar un widget con botones de redes sociales acorde a tu plantilla es muy sencillo, en dos pasos lo tienes hecho, solo tienes que meterte en tu escritorio de Blogger, y en la pestaña diseño agregar un nuevo widget de Html en el cual copiaréis lo siguiente:

        BOTONES AZULES
<div class='widget-content'><div align="center"><a target="_blank" href="URL DE TU FACEBOOK" title'Facebook'><img src="http://i909.photobucket.com/albums/ac292/aubreyblog/Otras%20Cosas/facebook_verde_zps73df98b2.png" /></a><a target="_blank" href="URL DE TU TWITTER" title'Twitter'><img src="http://i909.photobucket.com/albums/ac292/aubreyblog/Otras%20Cosas/twitter_verde_zpsc53d5f3a.png" /></a><a target="_blank" href="URL DE TU INSTAGRAM"title'Instagram'><img src="http://i909.photobucket.com/albums/ac292/aubreyblog/Otras%20Cosas/instagram_verde_zps648b8ae6.png" /></a><a target="_blank" href="URL DE TU PINTEREST" title'Pinterest'><img src="http://i909.photobucket.com/albums/ac292/aubreyblog/Otras%20Cosas/pinterest_verde_zps1a16661e.png" /></a></div></div>

       BOTONES ROSAS
<div class='widget-content'><div align="center"><a target="_blank" href="URL DE TU FACEBOOK" title'Facebook'><img src="http://i909.photobucket.com/albums/ac292/aubreyblog/Otras%20Cosas/facebook_rosa_zpsa5c7ed92.png" /></a><a target="_blank" href="URL DE TU TWITTER" title'Twitter'><img src="http://i909.photobucket.com/albums/ac292/aubreyblog/Otras%20Cosas/twitter_rosa_zpsa1100839.png" /></a><a target="_blank" href="URL DE TU INSTAGRAM"title'Instagram'><img src="http://i909.photobucket.com/albums/ac292/aubreyblog/Otras%20Cosas/instagram_rosa_zps8d083af7.png" /></a><a target="_blank" href="URL DE TU PINTEREST" title'Pinterest'><img src="http://i909.photobucket.com/albums/ac292/aubreyblog/Otras%20Cosas/pinterest_rosa_zps6c86a88f.png" /></a></div></div>
 Los botones los he diseñado yo ;)

Espero que os sean útiles estos consejillos!

Otros artículos interesantes

37 personas se han atrevido a opinar

  1. Intento aplicar estos consejos aunque aun me quedo mucho que aprender. Genial este post!!

    ResponderEliminar
  2. Muchas gracias Ana por los consejos, yo intento siempre editar las fotos. Un beso guapa.

    ResponderEliminar
  3. Sencillos pasos y muy muy eficientes <3

    ResponderEliminar
  4. Me ENCANTA tu blog, ya te escribi un email de emocion una vez....pero me has inspirado para muchas cosas. Eres genial. Muaks

    ResponderEliminar
  5. Ana, me encantan tus botones, te los voy a coger en azul, ¿puedo? :))

    ResponderEliminar
  6. ¡Ya los he puesto! Quedan monísimos! Me falta el de G+ y el del mail, pero da igual!! Ahora varío el color azul del resto del blog para que se parezca todo. ¡Mil gracias, Ana!

    ResponderEliminar
    Respuestas
    1. Te han quedado genial. Haré otro post con diferentes tipos de botones e incluiré el mail y Google + :)

      Eliminar
  7. Guauuuu que velocidad! Soy kaperucita85... Me ha encantado la idea de que podamos participar en la elcción del tema mediante redes sociales El post como siempre genial... lhay que "exprimir" tu sabiduriía... ¡Yo de mayor quiero ser como tú! Mil gracias Ana... X cierto a las mujeres embarazadas también les gustan mucho tus diseños! :) Besines

    ResponderEliminar
    Respuestas
    1. Si muchas veces lo más difícil es dar con la idea del post, una vez que la tienes la ejecución va rodada. Muchas gracias a ti por participar y darme ideas!

      Eliminar
  8. Muchísimas gracias por poner el enlace para cambiar la fuente del blog ya que llevaba tiempo queriendo cambiarla.

    ResponderEliminar
  9. Buenos consejos ;-)

    muacarmen.blogspot.com
    www.muacarmen.com

    ResponderEliminar
  10. Jo, chica, con todos estos truquitos que das por aquí me dan unas ganas locas de abrirme un blog...pero me parece taaaaan complicado empezar!!! uuufffff

    ResponderEliminar
  11. Ay a mi me acaban de eregalar una plantilla nueva para Oltra Bitácora y estoy emocionada perdida (ya sabes como me pongo yo con estas cosas, por experiencia jeje) Limpia, clara y con iconos precioserrimos, ya veras ya!

    ResponderEliminar
  12. Excelentes consejos!, me parecen muy buenos para escribir un post en condiciones, eso sí, te recomendaría que capases las imagenes para que estén planas y no puedas pinchar sobre ellas accediendo a una página en blanco con sólo la imagen ;)

    ResponderEliminar
    Respuestas
    1. Es algo que tenía pendiente, en este post ya lo he cambiado. Gracias!

      Eliminar
  13. Me ha encantado este post!! :) Me es muy útil!! Un besazo!

    ResponderEliminar
  14. Consejos muy útiles que a veces a mucha gente se le pasan por alto. Sobre todo lo de la letra clara. Lo mejor es preguntar a alguien si lo lee, ya que nosotras siempre sabemos que pone...

    Un bsito!

    ResponderEliminar
    Respuestas
    1. Ya ves, es que hay cada fuente por ahí, que desde luego es imposible la lectura, y creo que es el punto más importante

      Eliminar
  15. Me encantan los botones rosas, voy a ver si los doy instalado.

    xXx
    Blog: http://unspeakablethoughtsunspoken.blogspot.com
    Shop: http://unspeakablethoughtsunspoken.tictail.com

    ResponderEliminar
  16. Qué razón que tienes! Queda más bonito y llamativo! :D

    Nuestro blog: Con la realidad en los talones

    Muy buenos consejos!!! :D

    un besote!!!

    ResponderEliminar
  17. ¡Hola! Siempre digo que mi blog lo hago para mi, como diario en imágenes, y no le doy muchos mimos... pero viendo lo fácil que nos lo pones lo voy a intentar. esos botones rosas son amor... ahora sólo hay que saber instalarlos... gracias por los consejos y la ayuda!

    ResponderEliminar
  18. Muy buenos consejos! Tienes razón que con estas tres cosillas el blog cambia y mucho! Ah, los iconos sociales son monisimos, muchas gracias =)

    Un besote

    ResponderEliminar
  19. Yo llevo mucho tiempo queriendo darle una imagen totalmente nueva al blog, pero necesito tiempo y no lo encuentro.
    Fantásticos consejos.

    Un besito!
    http://essenceofelectricsbubbles.blogspot.com.es/

    ResponderEliminar
  20. Qué guays son estos post :) Por cierto quería decirte que lo del otro día fue un rayote. Debió actualizarse de casualidad porque ayer me volvió a pasar. :S besitos!!!

    ResponderEliminar
    Respuestas
    1. Y no es un problema general de Blogger? me parece raro, investigaré!

      Eliminar
  21. Muy buenos consejos, me preguntaba si te puedo coger los botones rosados :)

    ResponderEliminar
  22. Muchísimas gracias por este post Ana, te haré caso con los tips y te cojo los botones rositas, me han encantado!
    Un besito, nos leemos.
    http://theworldofthelettersanddreams.blogspot.com

    ResponderEliminar
  23. me encanta este post guapa, me has ayudado mucho. gracias!!!

    ResponderEliminar
  24. Hola acabo de llegar a este blog hace un rato y tengo que decir que me encanta!!
    Me gustaría preguntarte como has creado los codigos para los botones, es que me gustaría hacerlo con mi propio diseño.
    Muchas gracias!

    ResponderEliminar
  25. Qué buen post y qué buenos consejos:) Me han encantado los botones de las redes sociales, si no te importa te cojo los rosas, que me van de perlas en el blog! Gracias por compartirlos:)
    Un beso

    www.coolme.es

    ResponderEliminar
  26. Hola Ana!!! Muchas gracias por compartir tu diseño, me gustan mucho, estaba buscando como crearlos, pero de momento voy a intentar poner estos :) acabo de abrir el blog, y me queda muchiiiisimo por hacer! De verdad gracias! besitos

    ResponderEliminar
  27. Nos encanta cómo explicas y el diseño de tu blog. Nos quedamos por aquí.
    Un besote!
    http://doblevmoda.blogspot.com.es/

    ResponderEliminar
  28. Hola, gracias es lo que estaba buscando.
    Tengo un pequeño problema a ver si me puedes ayudar, he instalado los iconos rosas en mi tienda online pero cuando clico en ellos, me sale la url de la tienda seguido de la url de fb o twitter... sabes qué estoy haciendo mal? saludos

    ResponderEliminar
  29. Hola!
    Tengo un blog y buscando consejos para mejorar el diseño, he encontrado tu blog tan fantástico, muchas gracias por los consejos, tienes una nueva seguidora.
    Muchos besos.

    ResponderEliminar
  30. Están estupendos los botones de compartir, me gustaría que tocaras mas a fondo ese tema, para optimizar el diseño del blogger. Muchas gracias por tu informacio es muy valiosa.
    Saludos cordiales

    ResponderEliminar

Muchas gracias por darle vida al blog con tu comentario!

Post Populares