Home » , » Como hospedar javascript no Blogger

Como hospedar javascript no Blogger

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.
Compartilhe este artigo: :

Quero+



 
Traduzido Por: Site's Dj Matioka
Copyright © 2013. Rádio Online Funk Dj Matioka
Template Created by Tv Online
Template Ads Ads Dj Matioka