Como hospedar javascript no Blogger

Como hospedar javascript no Blogger

6 10 99
Como hospedar javascript no Blogger 10 6 99
Depois de ter publicado dois posts com modelos para apresentação de slides, usando JQuery, resolvi pesquisar uma forma eficaz de hospedar os arquivos em javascript dentro do template, evitando assim que vocês tenham que hospedá-los externamente.

JavaScript é uma linguagem de script (…)Sua união com o CSS é conhecida como DHTML. Usando o Javascript, é possível modificar dinamicamente os estilos dos elementos da página em HTML.
Fonte: Wikipedia
A maioria dos scripts que fazem maravilhas com leite moça, são do tipo JQuery
jQuery é um framework para ajudar os desenvolvedores a se concentrarem na lógica dos sistemas da web e não nos problemas de incompatibilidade dos navegadores atuais. Seu lema é: "Escrever menos e fazer mais".Uma função escrita em Javascript puro tem uma diminuição notável quando reescrita com este framework Fonte: Wikipedia
Apesar de eu ter dito neste post - Slideshow no Blogger – que não seria preciso hospedar nada, confesso que me enganei. Os scripts realmente já estão hospedados, mas no host de quem os criou/publicou/divulgou. Se a url (endereço do link) parar de funcionar, podemos dizer adeus àquela linda apresentação de slides.
A url do script estava bem escondidinha dentro do código:
<script src=' http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js ' type='text/javascript'/>
A parte assinalada em vermelho, corresponde à url. Neste caso, o script está hospedado no Google Sites, se não me engano. Se o dono apagar o arquivo ou mudar a url, ficamos na mão, ou seja, o slide irá parar de funcionar.
A boa notícia é que temos duas formas de resolver isso:
1. hospedar o arquivo em nosso próprio host
Ótimo, eu pago um host, outros blogueiros também pagam, mas a maioria nem sabe o que é isso.  Explicando a grosso modo, host é o mesmo que servidor. Blogs que usam o Wordpress.org, por exemplo, precisam de um host para funcionar. Nós usamos os servidores do Google, mas, como nem tudo é perfeito, não temos onde fazer o armazenamento de arquivos, tais como documentos, scripts e etc.
2. hospedar o arquivo dentro do template
Como assim? Pois é, eu também não sabia que isso era possível, mas graças à mestra Ariane que fez isso no Template Mundo Verde, descobri uma forma super prática de hospedar arquivos em javascript no Blogger.
Agora vamos ao que interessa. Para hospedar um script no Blogger, é preciso fazer uma pequena alteração no código original. Mas é bom lembrar que dependendo do tamanho do arquivo, seu blog pode ficar mais lento.
Vamos pegar como exemplo um pedacinho do código usado nos slides:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js' type='text/javascript'/>
<script type='text/javascript'><!--//--><![CDATA[//><!--
/**
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+
* <http://cherne.net/brian/resources/jquery.hoverIntent.html>
Observem que o primeiro link termina com a extensão .js. O que temos aí? Acertou quem pensou “javascript”! Clique sobre o link . Irá abrir um arquivo em texto enorme. Deixe-o aberto, pois daqui a pouco será necessário copiar todo o conteúdo.
Agora, substitua a primeira linha do código acima por:
<script type='text/javascript'>
//<![CDATA[
COLE AQUI O SCRIPT
//]]>
</script>
Cole todo o conteúdo do arquivo .js no local que assinalei de vermelho.
O local onde o arquivo .js vai estar, irá variar. Então, faça uma busca usando o comando Ctrl+F do teclado.
crtlF
Agora, sempre que você se deparar por aí com um recurso fantástico usando Javascript, mas não possui um serviço para hospedar o arquivo, utilize essa tática ;)
Fiz testes em vários templates e com vários scripts diferentes e em todos funcionou.
15 Comments
Comments
  1. so novo no blog

    pra que serve javascript??

    ResponderExcluir
  2. Ju, acho que faltou o //]]> antes de < /script>.
    Essa eu aprendi já faz um tempinho com o Compulsivo: http://www.compulsivo.com.br/2009/03/hospedar-javascript-no-blogger-blogspot.html
    Quebra um galhão! :)

    ResponderExcluir
  3. Olá, Juliana!

    Gostei da solução de hospedar o JavaScript no próprio template. Bastante criativa.

    Em meu caso, eu hospedo javascript e outros arquivos no Webs.com. Como utilizo pouco espaço, a versão gratuita dele caiu como uma luva para mim. Apesar de grátis, é um serviço bastante estável.

    Um abraço!

    ResponderExcluir
  4. Essa realmente foi Boa, Ju! Hospedar Scripts no Blogger, isso é D+! Parabéns pelo post!

    ResponderExcluir
  5. Ariane, eu adoraria ter boa memória! Gastei 3 horas do feriado fuçando códigos e testando essa tática em vários dos meus templates e isso já tinha sido publicado pelo Compulsivo....O.o

    Da próxima vez, usarei o Google ;)

    Em meus testes, não precisei colocar o trecho que você citou.Funcionou sem ele.

    Beijão e é sempre bom te ver por aqui.

    ResponderExcluir
  6. Muito boa a dica parabens valeu ja vou usar no meu

    www.vetoresfree.com.br

    Fico muito agradecido

    ResponderExcluir
  7. Ju, faltou o: //]]>

    Sem isso o código poderá ser alterado automaticamente pelo Blogger na hora de salvar. Isso faz com que o script talvez não funcione. Ou seja, a falta do código que a Ariane falou pode fazer falta na hora do script entrar em ação e não na hora de salvar.

    Por isso o Blogger aceitou sem problemas.

    Abraços

    ResponderExcluir
  8. Oi Paulo!
    Veja se agora está certo.
    Fiz vários testes sem o //]]> e deu certo, mas já que DOIS super designers estão recomendando colocar, coloquei hahaha
    beijão

    ResponderExcluir
  9. Ei Juliana, para vários arquivos em pdf, seria mais interessante pagar hospedagem ou usar o java?

    Obrigada!

    ResponderExcluir
  10. Ju...

    Como sempre quebrando um Galhão a todos os usuarios do Blogger!

    Beijo!

    www.extremohumor.com.br

    ResponderExcluir
  11. Meu Deus vc dá aula particular? rsrsr

    ResponderExcluir
  12. muito boa a dica , eu hospedo no XPG serviço de hospedarem gratuita , assim com as imagens etc... nunca tive problema


    mas a dica ajudara mta gente !

    ResponderExcluir
 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top