Como hospedar CSS e Scripts do Blogger no Google Drive | Crazyseawolf's Blog
Você está em: Início » blogger » css » dicas » google drive » scripts » tutoriais » Como hospedar CSS e Scripts do Blogger no Google Drive
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!
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">
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???
TheKassian(Cassiano) sexta-feira, 20 setembro, 2013
Eu não to conseguindo não aparece visualizar.....como você falou na postagem passada ...por favor me ajudae