Como hospedar CSS e Scripts do Blogger no Google Drive

Semana passada, mostrei como o Google Drive pode ser usado para hospedar páginas inteiras da web de forma gratuita, e mencionei que podemos também hospedar o CSS de blogs da plataforma blogspot, bem como os scripts.

O Drive não é demais???

O processo é o mesmo. Cria-se uma pasta, suba o arquivo CSS ou Script, torne-a pública, e pegue o link do preview que é sempre da forma https://googledrive.com/host/xxxxxxxxxxxxx/ARQUIVO.html.

A vantagem de hospedar o CSS e os scripts em um servidor externo é que o carregamento do seu blog pode ficar mais rápido pois eles serão acessados uma vez só em cada visita.

Um aviso: Antes de mexer no layout de seu blog, salve o modelo do mesmo para evitar futuras complicações. Para entrar em seu layout vá em painel de controle >> Modelo >> Editar HTML >> use control + F para localizar as tags mencionadas neste artigo. Eu não me responsabilizo se alguma coisa der errado. Se preferir, faça essas mudanças primeiro num blog de testes, antes de mexer em seu blog principal!

Leia antes o artigo Como usar o Google Drive para hospedar sites inteiros na web!

CSS

O CSS dos blogs no Blogger estão localizados entre as tags <b:skin> e </b:skin>. Copie todo o código e cole no bloco de notas de seu computador e salve este arquivo com a extensão .css, algo do tipo style.css.
Suba o arquivo para o Google Drive e pegue o link ou construa ele da forma:

https://googledrive.com/host/xxxxxxxxxxxxx/ARQUIVO.css

Onde xxxxxxxxxxxxx é o id da pasta criada no drive.

Apague tudo que houver entre <b:skin> e </b:skin> e coloque no lugar o seguinte código:

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

SCRIPTS

No caso dos scripts, você terá que subir cada um deles no Google Drive substituindo cada script com o recurso relacionado. Por exemplo, se você tiver gadgets de postagens recentes, comentários recentes e postagens relacionadas, cada um desses recursos lida com três tipos de scripts diferentes. Você terá que criar três pastas diferentes para cada script.

O processo para cada script é o mesmo: Copie e cole o código do script selecionado no bloco de notas de seu computador e salve este arquivo com a extensão .js, algo do tipo script.js.
Suba o(s) arquivo(s) para o Google Drive e pegue o(s) link(s) ou construa ele(s) da forma:

https://googledrive.com/host/xxxxxxxxxxxxx/ARQUIVO.js

Onde xxxxxxxxxxxxx é o id de cada pasta criada no drive.

E no lugar de cada um deles, coloque o seguinte código, caso ele esteja num elemento de página:

<script src="link_do_arquivo_script_hospedado_no_drive" type="text/javascript"></script>

Alguns scripts estão no próprio layout do template, como no caso das postagens relacionadas, logo o código acima deve ser colocado antes da tag </head>.

O Google Drive é ou não é uma ferramenta poderosa???