Hospede arquivos no Google Sites

Neste artigo, vamos explicar como hospedar arquivos .css e .js (javascript) no Google sites, de maneira correta. Muitos metablogs explicam como hospedar arquivos através de servidores semi-gratuitos. Com interface complicada, e a sua grande maioria, de origem estrangeira, na maior parte dos casos, não funciona, pois a hospedagem te limita a alguma coisa, ou em determinado momento, fazem com que você gaste algum dinheiro, para hospedar.

A necessidade de se ter arquivos hospedados na internet é de extrema importância para o blogueiro em diversos fatores.

Dentre eles, ter o carregamento das páginas do blog mais rápido.



Para começarmos, acesse https://sites.google.com e você será redirecionado para uma tela, como esta:



Caso esteja logado com sua conta Google, você irá direto para a página de sites. Caso não possua um blog, crie.



Após criar seu blog, clique no nome dele, que aparece em azul, como na imagem, acima, e você será redirecionado para uma tela, como a que está abaixo:



Nesta etapa, crie uma página, clicando no botão nova página, como na imagem acima, e você será redirecionada para uma tela, como a que está abaixo:



Esta é a etapa onde você irá criar sua página para hospedar seus arquivos css e .js (javascript), e outros.

Caso vá hospedar arquivos css, dê um nome que faça referência ao css, para ficar fácil de localizar, por exemplo: meus arquivos css.

Após configurar sua página, clique em criar, e você verá uma página como a que está abaixo, porém, com o título que você escolheu.

Se o design estiver diferente, não se preocupe, é apenas o template escolhido do Google sites.

Agora, você está no local onde hospedará seu arquivos .js e .css, ou css e javascript:



Clique em adicionar arquivos, como mostrado acima.

Abrirá uma tela PopUp para você escolher o local onde está seu arquivo css ou javascript, e fará o upload para o Google sites.

Logo após fazer o upload, você verá o arquivo como uma espécie de link para download, como na imagem abaixo:



Agora que seu arquivo está hospedado e disponível, vamos pegar o link para fazermos referência em qualquer link de script ou link de estilo.

Para isso, você irá clicar com o lado direito do mouse em cima do arquivo, e em seguida, selecionará a opção copiar endereço do link:



Depois, abra uma nova aba do navegador, e cole o link copiado, mas não dê enter ou colar e ir, apenas cole o endereço na aba do navegador e copie do formato do arquivo para trás, como no exemplo, e na imagem abaixo:

A parte destacada em vermelho, é a parte do endereço do link, que deve ser copiada para inserir nos links de script.

https://sites.google.com/site/bloggerenciado/java-script/andrew%20.css?attredirects=0&d=1



Agora que você sabe como conseguir o link dos seus arquivos hospedados, vamos aprender como usá-los!

Arquivos css

<link type='text/css' rel='stylesheet' href='aqui é o endereço do link css' />

Coloque o endereço do link .css; referente ao arquivo hospedado, dentro das aspas.

Este modelo aplica-se para qualquer arquivo .html.

Para colocar no código fonte do seu blog, que no caso é formato .xml, você deve aplicar logo acima da tag </head>

Arquivos javascript

Para fazer referência do link hospedado no Google sites para seus arquivos .html ou .xml, você deve proceder da seguinte maneira:

<script type="text/javascript" src="Coloque aqui o endereço do seu arquivo .js"></script>

O esquema acima serve para qualquer arquivo .html, para aplicar em seu template no Blogger ou outra plataforma, sendo colocado antes da tag </head>

Caso ainda tenha dúvidas, assista o nosso vídeo tutorial: