CSS

¿QUÉ ES?

Son Hojas de Estilo en Cascada (Cascading Style Sheets) es el lenguaje utilizado para describir el aspecto y el formato de un documento escrito en un lenguaje de marcas, esto incluye varios lenguajes basados en XML.

Se compone de una lista de reglas. Cada regla o conjunto de reglas consiste en uno o más selectores y un bloque de declaración (o estilo) con los estilos a aplicar a los elementos del documento que se encuentren entre los selectores. Cada bloque de estilos se define entre llaves.

Ejemplo

¿DÓNDE COLOCARLO?

Esta es la parte interesante, si no te interesa su definición o no la entiendes mucho (no te asustes, todos podemos entenderlo algún día y que mejor que  la práctica y además copiar y pegar sabemos todos, ¿no?) o simplemente quieres ir al grano pero no entiendes mucho de diseño, esto es lo único que te interesa y es dónde colocarlo y que hacemos para aplicar tal estilo a tu blog. 

Hay tres formas de incorporar un CSS a nuestra plantilla.

PRIMER MÉTODO

 1. Desde nuestra página de blogger nos dirigimos a Plantilla (1) y luego pinchamos en Personalizar (2).

  2.  Una vez dentro del Diseñador de Plantillas. Pinchamos en Avanzado (1) y luego bajando la barra espaciadora hacemos click en Añadir CSS (2).

   3.   En el recuadro marcado de verde (3) pegaremos el código.

SEGUNDO MÉTODO

      1.  En el menú de Blogger pinchamos sobre Plantilla (1) y posteriormente, clickamos en Editar HTML (2). No te asustes no es complicado. Si no te quieres arriesgar mucho, recomiendo hacer una copia de seguridad de nuestra plantilla actual antes de adentrarnos en códigos extraños. En la misma página donde nos encontramos, en la esquina superior-derecha vemos, Crear/Restablecer copia de seguridad.

       Se abrirá una nueva ventana. En ella podemos o guardar nuestra actual plantilla o si la hemos liado restaurar la plantilla a la copia guardada.

Una vez hecha la copia, seguimos con la incorporación del código CSS en plantilla.

   2. Tenemos que introducirlo entre las etiquetas SKIN al tratarse de un estilo. Para ello, pinchamos los tres puntitos de <b:skin>… </b:skin>. De esta forma abrimos dicha etiqueta. Si no encuentras las etiquetas Skin. Pincha en cualquier lado de la hoja de plantilla y a la vez pulsa las teclas de tu teclado, CTRL+F aparecerá un recuadro en la esquina superior-derecha de la hoja un recuadro de busqueda allí pega <b:skin> y pulsa enter. Se señalará en amarillito. 

      3.  Una vez abierto Skin, busca </b:skin>  (CTRL+F) te llevará al final de la etiqueta y ahí antes de </b:skin> tienes que pegar el código CSS.

TERCER MÉTODO

En cualquier gadget de la página Diseño para dotarlo de un estilo, tendrás que abrirlo y en la nueva ventana incorporar el siguiente código:

<style>style=” CÓDIGO CSS;”</style>

Obtendrás algo así:

También se puede usar en las Páginas y Entradas. Una vez abierta una nueva página o entrada pinchar en HTML. Ahí introducir lo anterior (<style>style=” CÓDIGO CSS;”</style>) .

Básicamente eso es todo lo que tienes que saber para poder darle un aspecto más personal a tu blog.