Como hospedar arquivos JavaScript no Google Sites

Nesta postagem vou mostrar como é fácil hospedar arquivos JavaScript na Web usando o Google sites. A vantagem de hospedar esses tipos de arquivos é bem clara, por estar usando um dos serviços da Google o carregamento desse arquivo será rápido na sua página sem contar que você não sera surpreendido caso o script pare de funcionar.

Preste atenção nos seguintes passos para hospedar o arquivo JavaScript, neste tutorial eu usei o script do pássaro do Twiiter que fica voando pela página, no final do post vou deixar os link's para download do script e de demonstração.

Primeiramente faça um login na sua conta da Google e em seguida vá ao Google Sites para criar uma página.

Exemplo: Criando site no Google Sites

Agora clique em criar uma nova página, nela vamos fazer o upload do arquivo JavaScript. Nomeie o seu site e prove que você não um robô para que possamos prosseguir e em seguida clique em Criar:

Exemplo: Configurando site no Google Sites

Você deve criar uma página em seguida nomeia-la depois selecione o modelo Arquivo e por último deixe essa página no nível superior selecionando a opção Colocar página no nível superior. Pronto! clique em Criar.

Exemplo: Configurando a página

Agora chegou a vez de fazer o upload do arquivo para disponibilizar o endereço no seu site/blog. Clique em Adicionar Arquivo.

Exemplo: Adicionando arquivo

Procure o arquivo JavaScript no seu computador para começar e depois clique em Abrir para iniciar o upload.

Exemplo: Fazendo o upload do arquivo JavaScript

Depois de enviar o arquivo ira aparecer ele e o link para download, copie esse link clicando com o botão direito do mouse e em seguida clique em Copiar endereço do link podendo variar de acordo com o navegador.

Com o link do download copiado cole no bloco de notas para edita-lo. O link que você acabou de copiar vai seguir o padrão abaixo. Apague tudo que vier depois de js, ou seja a parte que grifei de vermelho.

https://sites.google.com/site/madeinbrhospedagem/passaro-do-twitter-javascript/twi.js?attredirects=0&d=1

Cole esse link que acabou de editar acima da tag </head>, ficara assim:

<script src="https://sites.google.com/site/menuarvore/menu-arvore/twi.js" type="text/javascript"></script>

Apesar da cagada que fiz "Twiiter", essa técnica funciona perfeitamente e atualmente uso aqui no meu blog e não deu problema até agora. Como prometi, aqui estão os link's para download e demonstração.

Espero que você tenha gostado da postagem, compartilhe nas redes sociais para ajudar no crescimento deste blog. Se ainda tem dúvidas sobre este tutorial, comente ai abaixo, vou responder o mais rápido possível.