Consejos para mejorar el diseño de tu blog
6.11.13Muchas 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!
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.
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.
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
Los botones los he diseñado yo ;)<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>
Espero que os sean útiles estos consejillos!
37 personas se han atrevido a opinar
Intento aplicar estos consejos aunque aun me quedo mucho que aprender. Genial este post!!
ResponderEliminarMuchas gracias Ana por los consejos, yo intento siempre editar las fotos. Un beso guapa.
ResponderEliminarSencillos pasos y muy muy eficientes <3
ResponderEliminarMe ENCANTA tu blog, ya te escribi un email de emocion una vez....pero me has inspirado para muchas cosas. Eres genial. Muaks
ResponderEliminarAna, me encantan tus botones, te los voy a coger en azul, ¿puedo? :))
ResponderEliminar¡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!
ResponderEliminarTe han quedado genial. Haré otro post con diferentes tipos de botones e incluiré el mail y Google + :)
EliminarGuauuuu 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
ResponderEliminarSi 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!
EliminarMuchísimas gracias por poner el enlace para cambiar la fuente del blog ya que llevaba tiempo queriendo cambiarla.
ResponderEliminarBuenos consejos ;-)
ResponderEliminarmuacarmen.blogspot.com
www.muacarmen.com
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
ResponderEliminarAy 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!
ResponderEliminarExcelentes 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 ;)
ResponderEliminarEs algo que tenía pendiente, en este post ya lo he cambiado. Gracias!
EliminarMe ha encantado este post!! :) Me es muy útil!! Un besazo!
ResponderEliminarConsejos 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...
ResponderEliminarUn bsito!
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
EliminarMe encantan los botones rosas, voy a ver si los doy instalado.
ResponderEliminarxXx
Blog: http://unspeakablethoughtsunspoken.blogspot.com
Shop: http://unspeakablethoughtsunspoken.tictail.com
Qué razón que tienes! Queda más bonito y llamativo! :D
ResponderEliminarNuestro blog: Con la realidad en los talones
Muy buenos consejos!!! :D
un besote!!!
¡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!
ResponderEliminarGenial Ana! unos consejos la mar de útiles.
ResponderEliminarMuy buenos consejos! Tienes razón que con estas tres cosillas el blog cambia y mucho! Ah, los iconos sociales son monisimos, muchas gracias =)
ResponderEliminarUn besote
Yo llevo mucho tiempo queriendo darle una imagen totalmente nueva al blog, pero necesito tiempo y no lo encuentro.
ResponderEliminarFantásticos consejos.
Un besito!
http://essenceofelectricsbubbles.blogspot.com.es/
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!!!
ResponderEliminarY no es un problema general de Blogger? me parece raro, investigaré!
EliminarMuy buenos consejos, me preguntaba si te puedo coger los botones rosados :)
ResponderEliminarClaro, para eso están!
EliminarMuchísimas gracias por este post Ana, te haré caso con los tips y te cojo los botones rositas, me han encantado!
ResponderEliminarUn besito, nos leemos.
http://theworldofthelettersanddreams.blogspot.com
me encanta este post guapa, me has ayudado mucho. gracias!!!
ResponderEliminarHola acabo de llegar a este blog hace un rato y tengo que decir que me encanta!!
ResponderEliminarMe gustaría preguntarte como has creado los codigos para los botones, es que me gustaría hacerlo con mi propio diseño.
Muchas gracias!
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:)
ResponderEliminarUn beso
www.coolme.es
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
ResponderEliminarNos encanta cómo explicas y el diseño de tu blog. Nos quedamos por aquí.
ResponderEliminarUn besote!
http://doblevmoda.blogspot.com.es/
Hola, gracias es lo que estaba buscando.
ResponderEliminarTengo 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
Hola!
ResponderEliminarTengo 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.
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.
ResponderEliminarSaludos cordiales
Muchas gracias por darle vida al blog con tu comentario!