Ya vimos la estructura general (HTML,HEAD-BODY) y ahora seguimos por otras etiquetas que podemos incorporar en la parte de la cabecera. Hasta aquí teníamos...
HTML
HEAD
TITLETítulo página/TITLE
b:skin!--[CDATA[/*
Código CSS
--/b:skin
/HEAD
BODY
Contenido
/BODY
/HTML
Pero dentro dehead todavía tienen cabida en esta plataforma algunas cosillas más. Por un lado, se podrían colocaretiquetas META que tienen distintas utilidades. No son en absoluto necesarias, pero sí convenientes mayormente para cuestiones de posicionamiento.
Aquí es dónde van también los enlaces ahojas de estilo externas caso de que queramos usarlas.
Y aquí metemos un inciso para en lo posible, rebajar la tensión a la hora demodificar la propia plantilla. La hoja de estilo en cascada es simplemente un documento de texto dónde se incluyen las instruccionesCSS para darformato al blog yno gestiona en absoluto el contenido, por lo que su modificacion, por muy mal que lo hagamos, nunca podrá destruir nuestras entradas.Así pues, se puede experimentar y trastear el estilo sin problemas, especialmente si usamosVista Previa antes deGuardar, porque podremos observar casi todos los cambios que hemos producido antes de que sean definitivos. En el peor de los casos, con cargar una nueva plantilla, el peor de los desastres se arregla.
Y repito: las entradas no se pierden por modificar la plantilla. La única manera de hacerlo es pinchando enSuprimir un post. Si aparte de todo lo explicado, tenemos la precaución de tener copias de seguridad de nuestra plantilla, con las dos o tres últimas versiones modificadas por nosotros, siempre podremos volver a la última versión operativa sin mayores problemas.
Como ya se dijo en el anterior post sobre este tema de la estructura, la hoja de estilo en Blogger, a diferencia de otros sitios, va insertada en el propio código, entre etiquetasSKIN. Este es el motivo principal por el que podreis leer en el anterior enlace sobre hojas externas, que no es muy buena idea usarlas en Blogger. Pero ahí queda la referencia para el que lo necesite.
A propósito del estilo, para nuestra propia memoria es bueno introducir comentarios en toda la plantilla pero mientras que en el resto de ella los comentarios van entre!-- y--, en la parte CSS los comentarios tienen que ir entre los símbolos/* y*/ para que no se interpreten.
#container {
width:817px;
margin:0 auto;
position:relative;
height:252px;
}
Hay un caso especial de comentarios dentro deSKIN, que realmente no son tales. Son las variables de estilo que las plantillas Blogger utilizan y que se ajustan desdeFuentes y Colores, en la pestañaDiseño de nuestro panel de control. En el siguiente trozo podeis ver el aspecto que tienen y en concreto, las de nombrebgcolor (color de fondo principal) ytextcolor (color de fuente principal). Para ajustarlas desde aquí, sería suficiente con cambiar el valor devalue.
====================
Variable name="bgcolor" description="Page Background Color"
type="color" default="#000" value="#000000"
Variable name="textcolor" description="Text Color"
type="color" default="#ccc" value="#cccccc"
...
En este mismo sitio (head) podemos meter nuestrofavicono, ya que a fin de cuentas, esto se logra con etiquetasLINK, igual que ocurre con las hojas de estilo y este es el lugar adecuado para insertar esas etiquetas.
También al principio de la plantilla y siempre dentro dehead, se pueden poner los SCRIPTS que queramos utilizar en el blog, aunque también se pueden insertar después de dónde termina el CSS (--/b:skin), o lo que el lo mismo, justo antes del cierre/head. En ambos casos, el script funcionará bien, pero por seguir un poco de orden, lo mejor es que lo insertemos en el último lugar indicado.
HTML
HEAD
Etiquetas meta
Enlaces a hojas de estilo externas
Enlace favicono
Scripts
TITLETítulo página/TITLE
b:skin!--[CDATA[/*
Variables de estilo Blogger
Código CSS
--/b:skin
Scripts
/HEAD
BODY
Contenido
/BODY
/HTML
Sobre los scripts introducidos directamente en la plantilla, comentar que puede hacerse de dos maneras. Puesto que los scripts son también básicamente ficheros de texto con una serie de instrucciones, una de ellas será hacer una llamada a ese fichero conSRC. La segunda será introduciendo directamente el código en la plantilla. En ambos casos tendremos que utilizar etiquetasSCRIPT para que se interpreten adecuadamente y en el segundo, es conveniente poner unos códigos especiales para que Blogger no los rechace. Respectivamente, tendrían un formato como estos:
//
