Alojar estilos en un archivo .CSS

Habíamos visto anteriormente cómo crear archivos .js para alojar nuestros scripts en un servidor, también es posible hacerlo con nuestro CSS.

Recomiendo esta práctica con estilos que hayamos creado nosotros, es decir, que agreguemos en el archivo los estilos de secciones e items terceros, no los que por defecto trae la plantilla.

¿Cómo crear el archivo .CSS?

Paso 1: Recopilando los estilos:

Debemos saber bien que la hoja de estilos en cascada (CSS) se encuentra antes de la siguiente sección:

]]></b:skin>

De ahí obtendremos los patrones y estilos que hayamos añadido al blog. Haz una recopilación de los que quieras mover al archivo.

Paso 2: Creando el archivo .CSS:

Una vez hayamos recopilado todos los estilos que deseemos migrar, los movemos a un editor de textos como notepad, gedit, etc. (No olvides eliminarlos de la sección de estilos de tu blog).

Una vez listo guarda el archivo con extensión .CSS, de tal forma que quede como el siguiente ejemplo:

''estilos-de-mi-blog.css''

Paso 3: Instalando nuevamente los estilos al blog.:

Ahora deberás subir el archivo a algun servidor, recomiendo Dropbox o Google Sites por su estabilidad y seguridad.

Una vez subido el archivo, buscaremos la siguiente sección:

</head>

Añadiremos sobre esta el siguiente código:

<link href='archivo.css' rel='stylesheet' type='text/css'/>

Reemplazamos archivo.css por la URL del archivo .CSS  que hayamos creado y listo.

Importante:

• Recuerda utilizar hosts de archivos que sean seguros y estables, ya que si el servidor falla, tu blog no cargará los estilos y por lo tanto se verá mal o algunas cosas no funcionarán correctamente.