Como hospedar arquivos .css e .js (javascript) no Google sites
.css
,
.js
,
arquivos
,
blog
,
google
,
hospedagem
,
sites
4 comentários
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:
4 comentários :
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.
Assinar:
Postar comentários
(
Atom
)
Obrigada! Me ajudou muiito
ResponderExcluirOlá, obrigado pelo comentário ficamos felizes em saber que o artigo tenha sido útil para você. Abraços... Equipe BG!
ExcluirOi 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
ResponderExcluirObrigado, ainda foi muito útil esta dica para quem está iniciando estudos e ajudou bastante.
ResponderExcluirDica 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