22 de mar de 2014

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 essa postagem!
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

Recomendamos para você »

2 comentários

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

    ResponderExcluir
  2. 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!

    ResponderExcluir

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!

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Pré-Designed by BlogThietKe Designed by @Mundo_Informal
© 2012-2014 .::Mundo Informal::. Todos os direitos Reservados
Licença Creative Commons
...See you!
Voltar ao topo