Boa tarde, gente.
Muitas pessoas devem ter tido a curiosidade de saber como é que se salva um arquivo em javascript para ser usado logo após a tag <head>. Para quem costuma passar códigos do tumblr para blogger é super útil por três motivos: Primeiro que existem códigos com <div> e o blogger não aceita esses códigos depois de head, quem costuma fazer muito isso já deve ter recebido o aviso e tido que desistir daquele efeito lindo. Segundo que você pode sinalizar quais são os seus códigos e não são, por exemplo: Uma pessoa usa o tutorial que você transformou e não credita, dizendo que ela mesma fez isso. Se você salvar em arquivo .js/.css sempre vai saber que é seu. Terceiro e o melhor de tudo, é que deixa muito mais organizado e é muito mais fácil de fazer.
O arquivo .js só serve para códigos de javascript, são os códigos que ficam abaixo de head. O arquivo .css é aquela formatação de sempre que usamos antes de uma tag que estou com preguiça de olhar (não sei o quê skin, sabem qual é, né?). Ou seja: Salvando os códigos em .css você não precisa fazer nada além de colocar as coisas depois de head. O espaço que seria de 50 linhas você faz em uma só. Querem aprender como usar esse recurso? Vão precisar apenas de uma programinha super básico.
1. Para salvar você precisa de uma programinha chamado Notepad++. Caso não encontre o link de download, recomendo que baixe aqui. Instale ele normalmente e abra.
2. Na janelinha do programa encontramos uma aba chama Linguagem. Lá você escolhe entre várias linguagens. Entre elas estão: Java, CSS, HTML e Javascript. Para achar essas linguagens você vai na letra com que ela começa, ou seja: C > CSS, J > Java, H > HTML. Como exemplo iremos usar CSS.
2. Cole seu código lá mesmo, o código de css geralmente tem esse formato aqui:
.denominação{formatação}
Todos aqui já devem conhecer. Clique em arquivo > salvar como e dê o nome ao seu arquivo. Certifique-se que em tipo esteja "Cascade Style Sheets File".
3. Agora você precisa hospedar, recomendo que hospede no tumblr. O link da hospedagem de lá é esse aqui. Hospede e agora você só precisa substituir uma coisinha. Vá até editar HTML e procure pela tag <head>. Abaixo da tag, cole o seguinte, substituindo pela url que o tumblr te deu após a hospedagem:
<link href='SEU ARQUIVO.CSS' media='screen' rel='stylesheet'/>
Prontinho. Você vai em um gadget de html/javascript e cola as coisas normais que a gente usa neles e seu gadget vai aparecer normalmente. Espero que tenha sido útil.
Nenhum comentário:
Postar um comentário