Un problema en las plantillas de Blog and Web

Como son muchas las consultas respecto a un error en ciertas plantillas, se me ocurre que lo mejor es dar una explicación general del tema.

En los últimos días, los que utilizan plantillas descargadas desde Blog and Web, están experimentando un problema ya que, por algún motivo, el sitio (Google Pages) donde están alojados algunos de sus archivos es inaccesible:

The bandwidth or page view limit for this site has been exceeded and the page cannot be viewed at this time. Once the site is below the limit, it will once again begin serving as normal.

Esto, simplemente significa que hay un uso excesivo del ancho de banda otorgado y que, momentáneamente, Google no permite que se acceda. Como este bloqueo es sólo temporal, pasado un tiempo podrá accederse otra vez y todo volverá a la normalidad aunque, lo más probable es que vuelva a repetirse cíclicamente.

En esas plantillas, hay dos archivos externos que causan el error:

http://plantillasblogyweb.googlepages.com/estilos-generales.css
y
http://plantillasblogyweb.googlepages.com/nombrePlantilla.css

El primero es una hoja de estilo genérica, común a todas y el segundo es específico a cada una y el nombre varía. El contenido de esta última dependerá de cada caso pero, el contenido de la primera es el siguiente:

#main-wrapper {overflow:hidden;}
.clear {clear:both;}
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {text-align: center;}

Lo razonable es eliminar la línea:

<link href="http://plantillasblogyweb.googlepages.com/estilos-generales.css" 
rel="stylesheet" type="text/css"/>

y poner el contenido directamente en la plantilla, por ejemplo, copiándola justo antes de </b:skin> o, verificar si esas definiciones ya existen o tienen otras propiedades y agregarlas o modificarlas.

Con el segundo archivo, deberán espera que el bloqueo termine y luego, lo mejor sería descargarlo en la PC y alojarlo en un servidor propio y modificando la línea para que apunte a nuestro archivo:

<link href="URL_nombrePlantilla.css" rel="stylesheet" type="text/css"/>

o hacer lo mismo que hicimos con el otro archivo, eliminar la línea, copiar el contenido y agregarlo directamente en la plantilla, ya sea antes de </b:skin> o bien dentro de una etiqueta de estilo:

<style type="text/css">
   .......
</style>

Es recomendable que, sea cual sea la plantilla que utilicemos, busquemos en ella todas las referencias a archivos externos (CSS, scripts o imágenes) y los alojemos en servidores propios. De esa manera, ayudaremos a los sitios que nos proveen las plantillas a reducir el uso de su ancho de banda y, nos evitaremos dolores de cabeza.