Hoje eu vou ensinar vocês a colocarem um script bem legal que deixa o título do blog em movimento na aba e na barra superior do navegador, eu já usei esse efeito aqui no blog há algum tempo, mas depois retirei. Como muita gente vem me perguntando como colocar, preparei um tutorial, espero que gostem!
O1. Primeiramente, faça o login em sua conta do Blogger.
O2. Quando estiver no painel no Blogger, você verá o nome do seu blog e logo abaixo do nome dele alguns link para acessar diversas ferramentas do Blogger. Você irá clicar em "Design", veja o print:
<script language='JavaScript'>
var txt=" TÍTULO DO SEU BLOG ";
var espera=80;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</script>
O5. Após copiar o código, vá para página do HTML do seu blog e procure pela palavra </head>. Para achá-la com mais fácilidade, é só usar o campo de pesquisa, para acessá-lo é só teclar "Ctrl+F" e fazer sua pesquisa.
O6. Quando encontrar a palavra </head>, cole o script que você copiou depois dela. Antes de testar ou de salvar, você precisa fazer uma pequena alteração no código, substuindo o texto TITULO DO SEU BLOG pelo nome {título} do seu blog. Clique em "Visualizar". Se estiver tudo certo com seu blog e o efeito estiver funcionando, feche a página de visualização e clique em "Salvar Modelo".
O7. Pronto! Para alterar a velocidade com que o texto se move, é só alterar o valor do número na linha var espera=80; Quanto menor o valor do número mais rápido, quanto maior mais lento.
Créditos a PhotoScape Edições.
Muito Legal....
ResponderExcluirAdorei!
=D
Parabéns pelo Blogger....virei uma fã!
adorei , deu certinho no meu *-*
ResponderExcluir"Para alterar a velocidade com que o texto se move, é só alterar o valor do número na linha var espera=80; Quanto maior o valor do número mais rápido, quanto menor mais lento."
ResponderExcluirAchoq ue vcs se confundiram, eu fiz isso, deixei o valor menor, e o nome ficou muito rápido, ou seja.
Qnto maior o valor, mais lento fica !
AAHH Adorei a dica !
Carol ^^
ResponderExcluirBruna, vou corrigir isso! Obrigada, beijos ^^
Carla :* ^^
ResponderExcluirah que isso Nathalia dinada ! beijos *---*
ResponderExcluirmuuuito massa :*
ResponderExcluiraaa.. adorei ! *--* mt boom
ResponderExcluirAdorei a dica de vocês. Muito obrigada *-*
ResponderExcluirNossa muito boa explicação olha q andei visitando sites q me deram dor de cabeça afeee vo ti contar viu .. Estão de Parabens mesmoooo ahh indico sme medo de errar galera Parabens sem palavras pra eleogiar aki !!!
ResponderExcluirvlw' deu certo aki (:
ResponderExcluirPut's muito foda. ;d
ResponderExcluirValeu nat. sempre aqui!
Mais de dois anos com o PhotoScape Edições!
ameei coloqueei meu blog ><
ResponderExcluirAe Nathalia, gostei do post, mas aqui em casa não esta funcionando, terias como tu testar novamente? Ou tentar me explicar aonde seria esse erro ?
ResponderExcluirGrato desde já!
Putz! Peço ajuda, não consegui, aparece o "Error 500"...
ResponderExcluirDevo fazer o que ? Ah! o Template é original, nada foi modificado!
Oi Kike! Acabei de testar o código aqui e ele ta funcionando. Meu template também é do próprio Blogger, só esta personalizado, mas é dele. Eu testei utilizando o Firefox, então eu não sei se vai funcionar se você fizer em outros navegadores, então eu recomendo fazer no Firefox, depois que acabar você utiliza seu navegador preferido normalmente. Caso você ja esteja usando o navegador recomendado, tenha certeza de que esta fazendo tudo certinho, colando o código depois do texto < /head > assim como eu expliquei no tutorial. Pode entrar em contato novamente não consiga que eu vou fazer o possível pra ajudar... Abraços, volte sempre ^^
ResponderExcluirGente muito obrigada pelos comentários! Voltem sempre aqui ^^ Beijos!
ResponderExcluirAe Nathalia, deu certo, mt legal, valeu ^^
ResponderExcluirAmeei deu certo *-* Valeew Nathalia s2'
ResponderExcluir