CloudWare

cafelog-coffee

JT Custom: JS e CSS no Head da Página em 2 Minutos

Quinta, 18 Agosto 2011

Saiba como inserir scripts no Head de sua página usando esta simples extensão.

joomla

Vocês já devem estar familiarizados com o módulo Custom HTML (HTML Personalizado). Ele nos dá a liberdade de inserir qualquer tipo de conteúdo em nossas páginas. Até ai tudo bem, mas e se quiséssemos inserir nosso próprio JavaScript ou CSS no head da página? A forma mais prática seria indo no index.html do nosso template e adicionar as tags que desejássemos. Mais e se o template que você usa for construído por um FrameWork como o Warp ou T3? Ai a coisa ficaria um pouco mais complicada não é mesmo?


Bom, apresento a vocês uma maneira fácil e, por que não, elegante de se adicionar nosso próprio JavaScript e CSS nas páginas: Custom HTML module, ou para os mais íntimos JT Custom.

O JT Custom nos permite resolver esse problema facilmente. Querem ver na prática? Vamos lá!


Após baixá-lo basta ir em Extensions - > Extension Manager -> Selecionar o ZIP e Instalá-lo.

jt custom 1


Depois disso vá em Module Manager e selecione mod_jt_custom. Como você pode ver na imagem abaixo, ele é bem simples e direto ao ponto. Eu adicionei uma tag h1 que será exibido onde o módulo for posicionado, um estilo CSS para a tag h1 e um alert em JavaScript que deve aparecer logo no inicio do carregamento da página.

jt custom 2

Depois de salvar, vamos até a página do site para ver o resultado. O alert aparece logo ao iniciar a página e ao fechá-lo podemos ver o módulo com o estilo CSS aplicado ao ID cafelog-custom.

jt custom 3

jt custom 4

Se olharmos no HTML da página, mais precisamente no head, podemos ver o código que foi adicionado.

jt custom 5

DICA: Além de adicionarmos nossos próprios códigos JavaScript e estilos CSS, este módulo também é útil para adicionarmos o código de rastreio do Google Analytics ou Google AdSense, por exemplo.

Android

Java

Hibernate

Joomla!

CSS3

HTML5

Saia na Frente

html5 css3

Sobre Mim

sobre-foto-2Adriel Café é Web Master e Desenvolvedor Java. Ele incentiva o uso/estudo de Web Standards, Java e Android.

Saiba Mais

Encontre-me

facebook linkedin