Dicas Problemas e Bugs Vanessa S.
Por que alguns scripts não funcionam no meu blog?
Resolvi criar este artigo, tendo em vista o surgimento de muitas dúvidas e questionamentos de alguns usuários do Blogger, a respeito de widgets ou hacks que utilizam javascripts.
Muitos usuários não conseguem entender o motivo de certos scripts não funcionarem em seu blog, sendo que o mesmo script funcionou normalmente no blog de outros, e muitas vezes acreditam que tenham feito a instalação de forma errada.
Na verdade, muitos fatores podem causar o não funcionamento de scripts em certos blogs.
Irei listar alguns dos problemas mais comuns, explicando o que ocorre em alguns casos.
Primeiramente, vamos entender um pouco melhor sobre como os arquivos javascripts se comportam no carregamento da nossa página no blog.
Como funciona o carregamento dos scripts no blog:
Quando abrimos uma página no blog, o navegador inicia a abertura de tudo o que estiver contido na tag <head>. Se você colocar a chamada dos scripts dentro desta tag, o navegador vai buscar cada endereço de cada um dos javascripts que estiverem ali e irá carrega-los antes de carregar os estilos da sua página (CSS), tornando a página lenta e as vezes até inacessível, pois a cada atualização ou a cada mudança de página, ele irá carregar tudo novamente. Por este motivo, devemos sempre colocar os arquivos javascripts entre as tags </b:skin> e </head>, por isso ensinamos e orientamos nos tutoriais, que instale o script sempre antes da tag </head>.
No entanto, alguns códigos que usamos, podem ter sua “chamada” instalada dentro da tag <head>, antes de <body>. E para estes casos, é possível juntar vários scripts em um único arquivo, o que reduz bastante o tempo de carga.
1) Por que alguns scripts não funcionam no meu blog?
Escrever os códigos no próprio template em alguns casos pode ajudar, mas nem sempre!
Ajudam se os códigos não forem muito longos. Para códigos longos demais,é preferivel hospedar o arquivo em sites externos.
A)Scripts JQuery, Ajax , MooTools e Prototype:
? JQuery e Ajax – Apesar da JQuery possuir um bom suporte para Ajax, algumas vezes pode ocorrer conflito entre si. Usar os 2 scripts no mesmo template, pode ocorrer conflito, e um deles, ou ambos, deixa de funcionar.
? Jquery, Prototype e MooTools – Prototype ,JQuery e MooTools sempre entram em conflito.
? Scriptaculous ou Prototype – Quando usados juntamente com o JQuery, no mesmo template, entram em conflito.
O conflito ocorre porque suas repectivas bibliotecas utilizam sintaxes semelhantes.
Existe uma pequena solução para evitar conflitos entre o JQuery e Prototype, mas para usá-la, requer um conhecimento maior em javascript, e é um assunto bem complicado para ensinar assim.
? Versões do JQuery: muitas vezes utilizamos vários widget que funcionam a base do JQuery, mas em alguns casos, para o funcionamento deles, cada um requer uma versão diferente do JQuery.
Exemplificando: para instalar um Menu em abas, requer as versões JQuery 1.3.1 e o JQuery versão 1.5.3 instalados. Já o efeito de Imagens Deslizantes com JQuery, requer a versão JQuery 1.4.1 instalada.
Ambos utilizam JQuery, porém em versões diferentes, e isso pode acarretar conflitos, caso todas as versões utilizarem sintaxe semelhantes.
Por este motivo, nem sempre dá certo instalar vários Widget ou Hacks, mesmo que todos utilizem JQuery.
B)Blogs que possuem domínio Próprio:
Alguns scripts para o Blogger não funcionam em domínio próprio.
Veja os “porquês”:
? Arquivos js hospedados no Google Sites NÃO funcionam.
? As vezes arquivos colados na integra dentro do próprio template não funciona.
Se você possui domínio próprio e inseriu um javascript dentro do seu próprio blog (colou o código na íntegra) e mesmo assim ele não funcionou, a solução é: Hospedar o arquivo javascripts em sites externos, como o Dropbox, ou o Free Javascript Host.
Caso você tenha instalado um widget cujo script está hospedado no Google Sites, faça download do arquivo javascript e hospede em outro site.
Estes são os principais motivos que ao instalar um Widget ou Hack que funcione a base de arquivos em javascripts, no seu blog, o mesmo não funcionou.
Portanto aconselho que você faça uma análise minuciosa nos scripts do seu template,
se verificar que você possui muitos scripts, faça uma avaliação de quais realmente são mais necessários.
Lembrando que, a funcionalidade de script varia de acordo com o template.
Templates que possuem muitos scripts, acabam gerando “conflitos” entre si, por isso alguns arquivos javascript dão erro pra alguns, mas funcionam perfeitamente para outros.
Caso você instale um widget e verifique que ele não funciona no seu blog, siga o conselho da “titia” aqui e analise melhor os scripts que você tem instalado e veja se há algum que conflite entre si, e escolha qual é mais necessário no seu blog!
Confira a lista com algumas opções de Sites para hospedagem de arquivos, inclusive arquivos javascript.
Criei um domínio próprio para meu blog e “voalá” tudo que usava javascript parou de funcionar O.O Catuquei pra lá e pra cá e não descobria a solução, até achar esse post. Era tudo hospedado no google sites!
Muito obrigado!!! Resolveu meu problema
Gostei muito, estava com essa dúvida sobre a hospedagem no Google Sites.
Aproveitando seu conhecimento Vanessa, há como utilizar a função ‘removeHtmlTag’ em javascript para apenas tags específicas, com img e audio? Ficarei grato se você souber me responder, me ajudando na construção do Hits & Beats.
Não sei te informar não Henrique, lamento.
Ola tudo bem, gostei do post, no meu blog, tem os sub menus e slide de imagens, mas quando coloco a caixa ou comentários do facebook no blog, tudo para, imagens, sub menu não aparecem, sera que pode ser isso?, poderia explicar como hospedar scrips em outros sites?, desculpa, eh que sou meio noob em relação a blogs, faz 4 meses que entrei.
@Fernando: Temos um tutorial ensinando a utilizar o webs.com e outro sobre o google sites.
ótimo, legal, mas sobre esse negocio de inserir os codigos em uma página separada? eu ainda não vi a instalação de hacks a base de arquivos hospedados em outros sites.
hum.. voce já tem um post sobre isso? cadê o link? 🙂
Estou com dificuldades em descobrir o erro no meu blog na divisão das paginas. Entre a 1 e 2ª pagina, estão em falta duas postagens. Apenas as consigo ver, se clicar nos links dos meus arquivos na sidebar. O que poderá estar errado? Penso que copie bem o vosso script para numeração das paginas
Leninha – LTScrapsAnimados
Não tenho como saber o q pode estar gerando conflito no seu template. Lamento, mas não tenho como te ajudar.
OI Clau, tudo bem???
Se não for pedir muito da uma olhada no
meu blog, usava um hack de paginação que
eu gostava muito, pois ele tambem mostra
nas páginas dos marcadores, só que de uma
hora para outra parou de funcionar, até tirei
ele, era o da
Áurea, não entendo de hacks, por isso, não sei
o que pode estar dando conflito, se é que é isto.
Salvei todos os scripts no dropbox
eu consigo visualizar o os posts recentes rolativo normalmente no "Google Chrome"
em outros navegadores não…
e outras pessoas não conseguem ver
não só em outros navegadores mas como também no Chrome
acredito q eu tenha feito tudo corretamente desta vez
o que pode ter acontecido???
axo que vou ter desistir desse recent post rolativo msm =/
Só escolhi ele pois ocupa menos espaço e aparece quantos posts eu quizer (sempre ocupando o mesmo espaço)
Mesmo não conseguindo solucionar o problema
Este é O Melhor Site de Ajuda Blogger !!!
Obrigado por tudo
Abraço…
Muito bom artigo Clau, você falou que mostrará uma solução para conflitos entre JQuery e Prototype, espero por esse artigo 🙂
? Jão Bless ?
Salve os scripts que estiverem no seu template e hospede-os no site DropBox.
Poxaaa…
Fiquei muito triste agora
com muito custo consegui meu dominio
agora q consegui me acontece isso =/
não entendo muito bem de scripts
e gostaria q vc desse uma olhada em meu blog
http://www.limpesuamente.com.br
coloquei um gadjet recent posts q ficava mudando as postagens contantemente
axei muito interessante
só q infelizmente não durou nem um dia
quando entrei no dia seguinte em meu blog esse gadjet Recent Posts já tinha desaparecido… =/
se puder me ajudar… limpesuamente@hotmail.com
Ótimo blog e post. Tenho um blog e demora a carregar. instalei o código box flutuante de feed deste site e não funcionou no meu blog. Mas o erro é devido aos excessos em meu blog.
Isso realmente é muito comum, já aconteceu muito comigo, fora os que funciona no Firefox e não Internet Explorer ou vice-versa. Parabéns pelo layout de seu blog, muito bonito!
Ótimo post ^^
@Avelino:
É bom vc fazer uma análise bem minusciosa nos seus scripts, para tentar descobrir o q está acontecendo.
Se o trackback twitter não está funcionando, tente hospedá-lo em site externo, quem sabe o problema está na hospedagem.
Boa explicação no fundo muita gente sabe de algumas coisas que podem acontecer mais não querem saber,preferem ter muitas funções no template em js.
Vou verificar qual o que é mais necessario e tirar o resto,só gostaria de saber porque meu trackback do twitter não funciona vi que o seu está funcionando,nem no blog de teste e no oficial não fucionam??!!!rsrs
Abraços!