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!
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
0 Comentários
Muito obrigada por seu comentário e por sua presença! Ambos são super importantes para mim.
Apenas peço que:
- Comente a vontade, dê sua opinião, faça críticas, esclareça suas dúvidas e dê suas sugestões sobre o assunto referente às postagens;
- Use um vocabulário livre para todas as idades;
- Não ofenda ninguém em hipótese alguma.
Os comentários são moderados e não são permitidos comentários de pessoas que não se identifiquem. Algumas dúvidas podem ser previamente esclarecidas na F.A.Q, assim como créditos e outras coisas.
Por favor, entrem em contato por meio das redes sociais também para dúvidas, sugestões, pedidos ou outros:
Facebook - Twitter - Deviantart