Como deixar o CSS do blogger externo usando o dropbox

domingo, 11 de abril de 2010

|

Usuários do blogger que querem deixar seu CSS externo, é possível fazer isso com o dropbox.

Muita gente já sabe que deixar o CSS no próprio blogger - na opção Editar HTML - acaba pesando no carregamento de seus blogs, prejudicando assim o leitor e até sua indexação - ainda mais agora que a gente sabe que o Google só indexa bem os sites com carregamento rápido.
Pois uma boa maneira de agilizar o carregamento é tornando o CSS externo. E uma boa opção é usar o Dropbox.
Se você pretende usar o Google Sites com essa finalidade, já adianto que não dará certo.

Como salvar o CSS do seu blog no Dropbox:

1-) Após instalado, você terá na sua pasta pessoal uma pasta que leva o nome do programa.

2-) Dentro da pasta Dropbox tem uma pasta chamada Public, é lá que você deverá deixar o arquivo CSS do seu blog.

3-) Como salvar o CSS do seu blog: Vá em Editar HTML - não é necessário Expandir modelos widgets - e copie tudo o que estiver entre
<b:skin><![CDATA[ e ]]></b:skin>

4-) Feito isso, salve em um editor de textos simples com a extensão css.
Exemplo: arquivo.css

Agora copie este arquivo para a pasta Public do Dropbox e clique sobre o arquivo de texto com o botão direito do mouse.
Clique na imagem para ampliar
Clique na opção Copy Public Link.

5-) Inserindo o CSS externo em Editar HTML:
Acima de <b:skin><![CDATA[ você irá colar
<link href='O LINK DO SEU CSS GERADO PELO DROPBOX' rel='stylesheet' type='text/css'/>

E apagará todo o CSS que está hospedado no blogger.
Agora clique em  Salvar Modelo e veja o resultado.
Para quem usa o código que oculta a navbar do blogger é recomendado deixá-lo no próprio blogger, pois pelo menos aqui eu não consegui fazer o código ocultar a navbar após deixá-lo externo.
O meu ficou assim:
<link href='Link do arquivo.css' rel='stylesheet' type='text/css'/>
    <b:skin><![CDATA[
#navbar, #navbar-iframe {
   height: 0px;
   visibility: hidden;
   display: none;
}
]]></b:skin>

E já está pronto, mas vale umas observações finais.
* Faça isso em um blog de testes ou faça um backup antes do seu template;
* Teste em vários navegadores para saber se o desempenho será o mesmo. Uma boa dica é testar no IE 6, pois se funcionar lá, funcionará em qualquer navegador;
* Caso alguma imagem não apareça corretamente ou qualquer outra definição do CSS, será necessário você pegar esse trecho e hospedá-lo novamente no blogger;
* A vantagem de usar o Dropbox para isto é que para pessoas que estão sempre mexendo no CSS de seus blogs, poderão continuar fazendo isso tranquilamente, já que o arquivo CSS ficará no seu computador, permitindo então modificações posteriores.

1 .:

Kika - Site Patricinha Esperta disse...
Este comentário foi removido pelo autor.

Postar um comentário

Não se esqueça de comentar!
Registre aqui sua opinião sobre o assunto e o que achou dele.
Nós agradacemos. ;-)

 
diHITT - Notícias