Eliminar estilos e scripts padrão do Blogger

Elimine os estilos e scripts padrão do blogger que pode afetar o carregamento de seu blog

Como muitos sabem, o blogger insere muitos arquivos desnecessários nos modelos, porém nunca me havia posto a investigar sobre a possibilidade de eliminá-los.

Os códigos não são encontrados no modelo, mas são inseridos automaticamente pelo blogger, em torno de certas etiquetas chaves. Então comecei a jogar com entidades HTML, e obteve:

Sigam o Bloggermin no Twitter e no Google+, e curta nossa página no Facebook.

Eliminar os estilos padrão do blogger

O blogger adiciona automaticamente a todos os blogs um arquivo css com estilos bastante específicos que muitos querem substituir. Isso torna muito difícil para personalizar os modelos, além de ser um arquivo enorme.

Este arquivo é inserido antes <b:skin>, e é o primeiro arquivo que deve excluir se desejar criar um modelo a partir do zero.

Para removê-lo, bastaria alterar a linha:

<b:skin><![CDATA[/*

Por

&lt;style id='page-skin-1'&gt;/*
<b:skin><![CDATA[*/

Ficando assim:

Links CSS do blogger comentados

Remover scripts de redirecionamento móvel e os scripts de controle do tempo

O script de redirecionamento móvel não é inserido, se não tiver ativados a opção de modelos móveis. O único script inevitável que é inserido na parte superior da </head> é um de controle do tempo, porém não adiciona dados à página. Enfim, se ainda deseja excluí-lo, lhe dou a opção:

Somente tem que alterar </head> por &lt;!-- </head> --&gt;&lt;/head&gt;.

Remover scripts da parte inferior

O blogger insere um grande pedaço de Javascript acima </body>. Se queremos evitar a execução, só teremos que seguir um procedimento semelhante, alterando </body> por &lt;!-- </body> --&gt;&lt;/body&gt;.

Aviso
É possível que esse javascript afete a algum widget muito específico (embora improvável). Em caso afirmativo, basta inverter o processo.

Truque: Fazendo reaparecer as imagens dos comentários

Um dos problemas em comentar o </body> é que as imagens dos comentários desaparecem. Para corrigir basta colocar o seguinte script acima de &lt;!-- </body> --&gt;:

<script>/* <![CDATA[ */
(function reparar() {
var imagenes,
imagen,
len,
i;
if( ! document.querySelectorAll ) {
return;
}

// Se nenhum comentário for carregado
if( ! document.querySelector('.delayLoad') ) {
// Executar a função em uma fração de segundo e não executar mais
setTimeout(reparar, 100);
return;
}

imagenes = document.querySelectorAll('.delayLoad');
len = imagenes.length;
i = 0;

for( ; i < len; i++ ) {
imagen = imagenes[i];
imagen.src = imagen.getAttribute('longdesc');
imagen.style.display = "";
}
}())
// ]]>
</script>