Instalando o MooTools no seu blog

Hoje eu estava me preparando para fazer um post aqui para falar de uma funcionalidade do mootools e percebi que tinha que instalar-lo no Golpe Mental, mas o blogger não oferece opções (pelo menos não que eu saiba xD ) para instalar bibliotecas externas assim ou enviar um arquivo .js para ser lido e interpretado pelo browser no carregaento da página.

Então fui atrás de uma forma de instalar o mootools aqui, e descobri que a Google disponibiliza uma API com várias bibliotecas Javascript pra ser usadas direto dos servidores deles! (que beleza!!!!)

Ok, aonde eu encontro isso ?

No link http://code.google.com/intl/pt-BR/apis/libraries/ encontramos uma lista com as mais famosas bibliotecas JavaScript open-source. Clicando em mootools, vamos cair direto nas especificações para adiciona-lo no site.

MooTools

name: mootools

latest version: 1.2.4 (view older versions)1.1.1, 1.1.2, 1.2.1, 1.2.2, 1.2.3

load request: google.load("mootools, 1.2.4");

extras: uncompressed:true (as in google.load("mootools", "1.2.4", {uncompressed:true});

path: http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js

path(u): http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools.js

site: http://mootools.net/

note: Since 1.1 versions are not compatible with 1.2 versions, specifying version "1" will map to the latest 1.1 version (currently 1.1.2).

*hoje está assim, mas o que pode mudar é a versão do mootools.

Note que você pode usar de duas formas, usando o código da API do google, caso você tenha gerado uma chave pro seu site,

load request: google.load("mootools, 1.2.4");

extras: uncompressed:true (as in google.load("mootools", "1.2.4", {uncompressed:true});

ou com um link direto para o arquivo.

path: http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js

Instalando no blogger!

Vamos ver como instalar aqui no blogger com o link direto.

No seu painel de controle, clique na aba Design logo depois em Editar HTML.

Procure pela linda

<b:skin><![CDATA[/*

Cole o código abaixo logo encima desta linha.

<script src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js" type="text/javascript">
</blockquote>
</script>

Pronto. O Mootools já está instalado no seu blog. Caso deseje instalar outra biblioteca da lista no lugar do Mootools, basta trocar o link dentro do atributo "src" pelo link da biblioteca desejada.

Se quiser dar uma testada, execute algum código que use implementação do mootools no seu console javascritpt. Algo do tipo:

$('header-inner').setStyle('background','#000');

Isso vai mudar a cor de fundo do titulo do blog!