Como Hospedar JavaScript no Google Drive

CLASSIFICAÇÃO DO TUTORIAL
INTERMEDIÁRIO

Já havia ensinado aqui como hospedar os arquivos JavaScript no GoogleCode.
Mas parece que este recurso não está mais disponível para algumas pessoas. Ao verificar uma dúvida de uma leitora percebi que no 3º passo do tutorial não estava disponível a opção Downloads para as contas novas. Pelo menos na conta em que testei não estava. Mas na conta que usei para as imagens do tutorial estava tudo ok. Já procurei por todo lado o porque disso e ainda não encontrei.

Não se preocupe! Nem tudo está perdido!

Em uma das minhas pesquisas encontrei uma alternativa muito boa de hospedagem de arquivos JavaScript, CSS e HTML usando o Google Drive.

Então vamos aprender como fazer para você hospedar o arquivo JavaScript no seu Google Drive.

Não Se Esqueça: » Essas configurações demandam algum conhecimento em códigos HTML e CSS. Portanto: ♥ Sempre tente antes num blogue de testes. ♥ Salve o seu template antes de começar, clicando em: Fazer backup/Restaurar ♥ Leia o tutorial até o fim e tenha certeza de ter entendido.

1º Salve o Arquivo JavaScript no seu Computador

Existem algumas opções de salvar o arquivo JavaScript em seu computador:

1- Quando o código JavaScript do hack já está hospedado em algum host será representado por esta linha:

 <script src='LINK_DO_JAVASCRIPT' type='text/javascript'/>

Você irá acessar este link em negrito.
Onde poderá abrir uma tela para salvar diretamente o código javascript ou aparecerá o código propriamente dito como nas imagens abaixo.

» Se aparecer a tela para salvar o código direto, salve-o no bloco de notas com a extensão .js ao final do nome do arquivo. Ou se tiver um programa como o Notepad++ instalado em seu computador certifique-se que o tipo de arquivo seja Java Script file (*.js)→(A 4ª imagem ensina como colocar o tipo correto de arquivo).

» Se o link do código JavaScript aparecer da forma como está nas imagens abaixo, você irá selecioná-lo e salvá-lo no bloco de notas com o nome que preferir adicionando a extensão .js
Veja:

  

☺ Você pode também usar o programa Notepad ++ e já salvar o arquivo no formato .js automaticamente sem ter que ficar fazendo o que descrevi  para o Bloco de notas.

Para baixar o Notepad ++ clique nesta imagem:



» Instale-o.
» Abra o programa.
» Selecione Novo para abrir um novo arquivo.
» Copie e cole o código javascript.
» Salve selecionando o tipo como[ JavaScript file (*.js) ], veja como na imagem▼

2- Se o arquivo javascript estiver hospedado no código HTML do seu template:

Estará entre as tags:

<script type='text/javascript'> 
//<![CDATA[ 
CÓDIGO JAVASCRIPT
//]]> 
</script>

Copie apenas o javascript que estiver entre as tags e proceda como ensinei acima.
Para entender melhor:

»Leia:Como Hospedar JavaScript no HTML do Seu Blogger

2º Fazendo o Upload do Arquivo JavaScript para o Google Drive

Abra seu Google Drive
» Crie uma pasta onde irá colocar seus arquivos JavaScript.

1- Selecione a pasta recém criada
2- Clique em Criar para fazer o upload do arquivo
3- Clique em Arquivos...
4- Selecione o arquivo JavaScript que deseja enviar
5- Clique em Abrir

Irá abrir esta tela.
Clique em Compartilhar

Em Configurações de compartilhamento
Na opção Particular clique em (1)Alterar » Selecione a Opção de visibilidade (2)Público na web » Clique em (3)Salvar

3º Preparar o Link de Hospedagem do Google Drive

Agora selecione com o botão direito do mouse o arquivo que você fez Upload → Aparecerão algumas opções » Leve o mouse em Compartilhar » Clique em Compartilhar » Selecione o link de compartilhamento e copie-o.

O link será como este:

https://docs.google.com/file/d/código do seu arquivo/edit?usp=sharing

A parte em amarelo representa o seu código do seu arquivo

Você deverá mudá-lo para este:

https://googledrive.com/host/código do seu arquivo

Veja este exemplo:

https://docs.google.com/file/d/0B5ifeV7B2zsRM2VLTTBDQjBZcVk/edit?usp=sharing

Copie a parte em amarelo e cole no link de host do googledrive:

https://googledrive.com/host/0B5ifeV7B2zsRM2VLTTBDQjBZcVk

Pronto. Você já configurou o link de hospedagem do seu arquivo pelo Google Drive.

4º Como adicionar o link hospedado no Google Drive em seu Blogger

Entre no HTML do seu blog encontre o link do JavaScript que você salvou e substitua o link anterior pelo seu:

<script src='LINK_DO_JAVASCRIPT' type='text/javascript'/>
Com o link do Google Drive:
<script src='https://googledrive.com/host/código do seu arquivo' type='text/javascript'/>

Ou se o seu código JavaScript estiver Hospedado no HTML do Seu Blogger
Selecione as Linhas:

<script type='text/javascript'> 
//<![CDATA[ 
CÓDIGO JAVASCRIPT
//]]> 
</script>

E substitua pela linha descrita acima → [<script src='LINK_DO_JAVASCRIPT' type='text/javascript'/>] com o link hospedado no Google Drive.


Foi fácil né!
Esta é uma boa opção para hospedar JavaScript em arquivos externos com menores chances de o arquivo não funcionar.


Fonte:
♦ Tradução e adaptação do artigo: How to Host CSS or JavaScript Files in Blogger using Google Drive - http://www.mybloggerlab.com/