Como hospedar arquivos .css e .js (javascript) no Google sites

4 comentários
Google sites

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.

hospedagem


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

Google sites


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

Google sites


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:

Google sites


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:

Google sites


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:

Google sites


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:

Google sites


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:

Google sites


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

Google sites


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:


4 comentários :

  1. Respostas
    1. Olá, obrigado pelo comentário ficamos felizes em saber que o artigo tenha sido útil para você. Abraços... Equipe BG!

      Excluir
  2. Oi seu tutorial é muito bom me ajudou bastante , porem estou com uma pagina HTML pronta aqui , queria so esporta-la e transformala em minha home ... ja tentei editar o html mesmo no painel que o google sites disponibiliza soh que ele nao deixa usar algumas tags sera que tem como importar esse HTML e transforma-lo em minha pagina inicial ? vlw

    ResponderExcluir
  3. Obrigado, ainda foi muito útil esta dica para quem está iniciando estudos e ajudou bastante.

    Dica a opção de subir os anexos está agora na engrenagem do google ou na opção "Administrar site" o resto funciona como o tutorial

    ResponderExcluir

O BG entrará em contato com você em até 24 horas! Para deixar seu link, escolha a opção Nome/URL. Spans ou links para pedidos de visita serão excluídos imediatamente. Para mais informações, leia a Política BG.