Hospedar Javascript e outros Arquivos para Usar no Blogger

Oi... Depois de avisos de leitores para rever alguns tutoriais que usavam arquivos javascript, css e outros que você precisa armazenar em algum site para usar, percebi que os códigos que eu havia hospedado em sites tipo tumblr, dropbox... não estavam carregando no blogger.
O motivo não sei explicar, mas parece que até esse momento o blogger aceita/carrega apenas scripts e estilos que você aplica ao tema no html mesmo, o código completo; só que nem sempre os códigos que você insere em um template de um javascript são salvos, aparece uma mensagem de erro, e aí é preciso hospedar em algum lugar para dar certo.
Procurei um site legal para hospedar arquivos estáticos e achei o github bem interessante, os scripts hospedados lá funcionam!! Vou mostrar como usar no seu blog.
1. Crie uma conta no site. Por quê? Além de ser preciso se cadastrar para usá-lo, o Github é uma super fonte de conteúdo para quem curte aprender ou compartilhar códigos e downloads feitos por pessoas de diversos lugares, sempre tem coisa interessante!
2. Depois de realizar os processos para que seu perfil fique ativo, crie um novo repositório e dê um nome a ele assim: seunomedeusuario.github.io

Essa página pode te ajudar: Github Pages.
3. Faça o upload de algum arquivo. Como exemplo, vou enviar o script que dá o efeito arco-íris nos links.
4. Digite na sua aba de endereços:
seunomedeusuario.github.io/nomedoarquivo.extensão
Exemplo: kawaiiicode.github.io/arcoiris.js
5. Aquele endereço deverá ser adicionado ao seu blog...
...se for javascript, geralmente adicionado antes de </head>:
<script src='URL-DO-JS' type='text/javascript'></script>
Exemplo: <script src='http://kawaiiicode.github.io/arcoiris.js' type='text/javascript'></script>
...se for Css/estilos, que pode ficar antes de </b:skin>:
<link href='URL-CSS' rel='stylesheet' type='text/css'/>
Mas você não precisa hospedar css se não quiser, basta colocar os códigos de estilos antes de /b:skin ou entre <style></style>...

Verifique sempre se no seu html aparece o github.io e não github.com

Em breve e aos poucos vou atualizando os links dos scripts de alguns posts passados para que vocês possam usá-los ou salvá-los como preferir ~;3

Imagem de abertura do post: weheartit.com






Postar um comentário

0 Comentários

up