» Códigos, Dicas, Templates, Tutoriais para deixar o seu blog do seu jeito!

Como Hospedar JavaScript no Google Drive

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.
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.
Para entender melhor:



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/
Como Hospedar JavaScript no Google Drive Como Hospedar JavaScript no Google Drive Reviewed by Aurea R C on 8/25/2013 Rating: 5

9 comentários:

  1. Áurea,
    Parabéns pela postagem,muito útil.
    Sucesso para vc,bjs

    ResponderExcluir
  2. Olá Áurea,

    ótimo artigo, realmente esse é um recurso muito útil para nós blogueiros.

    Parabéns, abraço e sucesso!

    ResponderExcluir
    Respostas
    1. Com certeza Cláudio.
      Adorei quando vi esta possibilidade e não me contive enquanto não compartilhei aqui!
      Sucesso para você também! Obrigada!

      Excluir
  3. oi queria saber como hospedar imagens e arquivo que fiquem com js no fim do códigos, para usar no blog.

    ResponderExcluir
  4. Puxa, ajudou muito sua dica. Obrigado e parabéns pelo compartilhamento deste conhecimento.
    Cordial abraço e bom Natal.

    ResponderExcluir
  5. Tentei de todos os modos e nenhum deu certo no meu template.
    Vou testar em outros!

    Mas valeu a dica!

    ResponderExcluir
  6. Passei pra avisar que a dica não funciona mais desde de a data de ontem (06/02/15) não sei o porque mas tomei um tombo grande do google

    ResponderExcluir
  7. Perfeito.
    Aproveitei pra usar essa "técnica ninja" com imgs (ninguém merece o g.fotos)

    ResponderExcluir

Todos os comentários são lidos e moderados antes da publicação.
Para que seu comentário seja publicado leia a Política de Comentários do Blog no post Regras do Blog

Tecnologia do Blogger.