¡Hola a todas/os! Hoy os traigo otro mini tutorial que seguro que a más de uno os encantará. Se trata de poner un interlineado en vuestros blogs, ¿qué os parece la idea? :P Es genial tanto para los bloggeros en general como para todos los escritores que compartís vuestros relatos a través de esta plataforma.
Y es que, ¿os habéis fijado que muchas veces los blogs tienen las líneas demasiado juntas? ¿Que las palabras quedan demasiado apretujadas y que al final cansa mucho la vista? Bien, pues con este mini tutorial y con un poco de acierto a la hora de escoger nuestras tipografías, conseguiremos que nuestros textos se vean mucho más claros, bonitos y por supuesto, que sean muchísimo más fáciles de leer. ¿Preparadas/os entonces para hacerlo? ¡Seguro que sí!
MINI TUTORIAL:
CÓMO poner interlineado en nuestro blog
Si te fijas, te darás cuenta que en mi blog tengo puesto interlineado. Esto es fácilmente reconocible si lo comparamos con otros blog. Por ejemplo, aquí os enseño cómo queda en comparación con mi otro blog de novelas, el cual, por cierto, necesita un cambio de estilo urgente jajaja :P.
Como puedes ver, las líneas quedan mucho más anchas y por tanto, las palabras quedan más separadas y resultan más fáciles de leer, sobre todo cuando son textos largos (como capítulos, etc.). Lo primero que debes hacer es una copia de seguridad de tu plantilla. Para ello, ves a Plantilla | Crear / Restablecer copia de seguridad (en el borde derecho, arriba). Una vez la hayas hecho, pincha en Editar HTML. No tengas miedo de editar el HTML, porque ya lo toqueteamos en el mini tutorial de cómo deshabilitar el Ctrl+C o botón derecho del ratón, ¡y fue sencillísimo! Pincha dentro de la plantilla, abre el buscador (Ctrl+F) y busca:
.post-body {
A continuación, te aparecerá más o menos esto:
.post-body { font-size: 110%; line-height: 1.4; position: relative; }
Ya sabes que los valores pueden cambiar dependiendo de un blog a otro, así que si no te aparecen exactamente lo mismos, no te preocupes. Vamos a centrarnos en la línea que pone line-height.
Escribe el tamaño de interlineado que quieras al final de esta línea y finalizar con em; . Por ejemplo, si quieres un interlineado de 1.5, escribiremos 1.5em; (acuérdate siempre de poner ; al final del reglón). Fíjate en cómo quedaría:
.post-body { font-size: 110%; line-height: 1.5em; position: relative; }
¡Así de fácil! Con esto ya habrás logrado un blog armónico y mucho más sencillo de leer. Recuerda que puedes probar con diferentes tamaños hasta encontrar el que más favorezca a tu blog (por ejemplo, yo tengo un interlineado de 1.9em;). Puedes ver los cambios en Vista previa. Una vez lo tengas, solo tendrás que guardar la plantilla.
Esto ha sido todo por hoy. ¿Os ha servido? ¿Lo vais a poner en práctica? ¿Os gustan este tipo de mini tutoriales? :D Por cierto, ¡ya podéis leer la Sinopsis de mi próxima novela que empezaré a subir en poquito al blog! Forgotten os espera aquí. Dejadme vuestras opiniones en la cajita de comentarios y, si no os queréis perder nada de nada, suscribíos justo debajo :D.
↪ Suscribirseo seguir en Bloglovin