Eliminar estilos e scripts padrão do Blogger
Autor: Jodiel Fabricio | Publicado: 2013-02-19T05:11:00-03:00

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 &lt;b:skin&gt;, e é o primeiro arquivo que deve excluir se desejar criar um modelo a partir do zero.

Para removê-lo, bastaria alterar a linha:
&lt;b:skin&gt;&lt;![CDATA[/*Por
&amp;lt;style id='page-skin-1'&amp;gt;/*
&lt;b:skin&gt;&lt;![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 &lt;/head&gt; é 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 &lt;/head&gt; por &amp;lt;!-- &lt;/head&gt; --&amp;gt;&amp;lt;/head&amp;gt;.

Remover scripts da parte inferior

O blogger insere um grande pedaço de Javascript acima &lt;/body&gt;. Se queremos evitar a execução, só teremos que seguir um procedimento semelhante, alterando &lt;/body&gt; por &amp;lt;!-- &lt;/body&gt; --&amp;gt;&amp;lt;/body&amp;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 &lt;/body&gt; é que as imagens dos comentários desaparecem. Para corrigir basta colocar o seguinte script acima  de &amp;lt;!-- &lt;/body&gt; --&amp;gt;:
&lt;script&gt;/* &lt;![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 &lt; len; i++ ) {
imagen = imagenes[i];
imagen.src = imagen.getAttribute('longdesc');
imagen.style.display = "";
}
}())
// ]]&gt;
&lt;/script&gt;

code1{
font: 13px Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
background: #DFDFDF ;
padding: 3px ;
text-shadow: 1px 1px 0 white;
}
code1 {
-webkit-border-radius:3px ;
   -moz-border-radius:3px ;
        border-radius:3px ;
}
.post h8{
font: 1.8em Impact,Helvetica Neue,'Arial Black',Arial,sans-serif;
display: inline-block;
text-transform: uppercase;
color: #666;
}
.post h7 {
font: 1.4em Impact,Helvetica Neue,'Arial Black',Arial,sans-serif;
display: inline-block;
text-transform: uppercase;
color: #666;
}