MASIGNCLEAN101

Como Hospedar JavaScript no Google Drive

como hospedar javascript no google drive


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.
como hospedar javascript no google drive
backup do template 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:
como hospedar javascript no google drive como hospedar javascript no google drive como hospedar javascript no google drive

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:

Download Notepad

» 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▼

como hospedar javascript no google drive

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.

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.


Nem é tão difícil, né!
Esta é uma boa opção para hospedar JavaScript em arquivos externos com menores chances de o arquivo não funcionar.

FonteHow to Host CSS or JavaScript Files in Blogger using Google DriveComo Hospedar JavaScript no Google Drive
Compartilhe esse artigo!
Marcus Vinicius
escreve para o Mundo Informal sob a licença Creative Commons BY-SA 3.0. Você pode usar e compartilhar este conteúdo desde que credite o autor e veículo original do mesmo.
avatar

Uall, muito show esse site, dicas maneiras...
http://lojahost.net

25 de março de 2014 16:22
avatar

Amigo bom dia!
bem, fui fazendo o que ensina, mas, ao chegar no final do tutorial você escreve para: Entre no HTML do seu blog encontre o link do JavaScript que você salvou e substitua o link anterior pelo seu: Mas, como? Não entendi. Pois, não ensinado como salvar no blogger o tal código?!

Onde fica isso?

javascript

Já procurei e não consigo encornar!

Abraços e PARABÉNS!

14 de julho de 2014 10:40
Seja livre para expor seu pensamento!

Se preferir, antes, leia nossas regras para comentários...
(Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!)
Bom comentário!