JavaScript - Como hospedar javascript no Blogger
Autor: Ricardo Ortega | Publicado: 2012-03-03T11:16:00-08:00




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:

&lt;script src=' http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js ' type='text/javascript'/&gt;

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.&nbsp; 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:

&lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js' type='text/javascript'/&gt;
&lt;script type='text/javascript'&gt;&lt;!--//--&gt;&lt;![CDATA[//&gt;&lt;!--      
/**       
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+       
* &lt;http://cherne.net/brian/resources/jquery.hoverIntent.html&gt;       

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:

&lt;script type='text/javascript'&gt;      
//&lt;![CDATA[ 
COLE AQUI O SCRIPT 
//]]&gt;
&lt;/script&gt;

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.


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.