17/01/2011

Efeitos Estrelinhas Caindo do Ponteiro do Mouse

Achamos um código para colocar estrelinhas caindo do cursor do mouse (sinal de +) para usar no blog, ele é bem simples de colocar e funcionou bem nos testes que fizemos com vários navegadores: Internet Explorer, Firefox e Google Chrome. Se quiser veja outras formas de personalizar o cursor do mouse no blog:
Trocar o cursor do mouse por uma imagem
Imagem no cursor do mouse

Caso tenha duvidas sobre onde colocar os códigos no blog não se preocupe, pois é bem simples de colocar esse efeito de estrelas seguindo o ponteiro do mouse.

estrelinhas no cursor do mouse
Entre na pagina editar HTML, procure por </body> e cole esse código antes dessa linha que acabou de achar:
<script type='text/javascript'>
// <![CDATA[
var colour="#FFD700";
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Veja aqui uma demonstração do efeito estrelinhas no ponteiro de mouse

Para trocar a cor deste efeito você só precisa mudar o código que está logo no começo do código:
var colour="#FFD700";

Veja aqui o código das cores. Outro ajuste interessante é a quantidade de estrelinhas isso você altera em var sparkles=50. Esperamos que gostem deste efeito para seu blog.

Como dissemos realizamos alguns testes a única coisa que não foi possível corrigir é que em alguns templates quando visualizados no Internet Explorer as estrelinhas ficam um pouco distantes do ponteiro do mouse.
Related Posts with Thumbnails

231 comentários:

  1. Oii,
    Eu queria saber, se dá pra postar imagens/slides feitos no Porwer Point.
    E pra colocar como Banner?
    Tem jeito?

    Obrigada

    ResponderExcluir
  2. Aê mano, e queria saber como fazer a caixa de comentários tipo essa que estou comentando agora, ficar igual ao do word press, meu amigo q tem word press falow que quando usa-va o blogger ele colocou a caixa de comentários igual ao do word press no blog, mais ele disse que era 1 script e disse q ñ se lembrava mais... Se souber encina aê por favor

    ResponderExcluir
  3. Sega-Downs
    no momento não tenho o código para fazer isso mas vou procurar como modificar o estilos dos comentários do blogger, mas acho que alguns blogueiros usam o http://intensedebate.com/

    veja se é isso que procura

    ResponderExcluir
  4. Oi Fabiano.. no texto diz... Entre na pagina editar HTML, procure por e cole esse código antes dessa linha que acabou de achar:

    Procure por...???

    ResponderExcluir
  5. Além de Blogger vc entende de animação.

    Parabéns, vc é muito inteligente!

    SGD

    ResponderExcluir
  6. Olá! Por gentileza, não vi nas instruções o local exato para inserir o código.

    Muito obrigada pelas dicas, meu blog ficou show!

    ResponderExcluir
  7. nao tem como coloca o codigo
    sendo que o codigo do blog
    aparece antes ele ja fica lá :/

    ResponderExcluir
  8. coloque o código antes da tag </body>, houve um erro na hora da postagem por isso não aparecia a palavra no tutorial, já fiz uma correção...

    obrigado por avisar

    ResponderExcluir
  9. Queria que alguém me ajudasse no seguinte:
    "estou digitando sôbre determinado assunto, então quero me referir a um outro que já postei dias atrás, e quero que a pessoa que está lendo, clique no AQUI e apareça o post anterior".
    Como fazer isso?
    turquezzavariedade.blogspot.
    Obrigada.

    ResponderExcluir
  10. Turquezza
    na pagina de postagem tem um icone que é a ferramenta link você escreve o texto que usará como link para outra postgem, seleciona esse texto e clica na ferramenta link depois é só colocar o endereço

    ResponderExcluir
  11. onde é a pagina " editar HTML" ?

    não consigo ashar . ajude *-*

    ResponderExcluir
  12. desculpa, mais não entendi nada. ele é muito confuso, talvez se você explicasse com mais detalhes, seria melhor.

    ResponderExcluir
  13. Geisiane Keetlin Carvalho
    é só colocar o código antes de /body na pagina editar html

    ResponderExcluir
  14. Olá Fabiano, mais uma vez lhe venho pedir ajuda.
    No meu blog do lado esquerdo onde coloco algumas coisas onde adiciono uma miniaplicação incluindo o meu perfil, aparece sempre no blog duas chaves uma em cima da outra, como posso eliminar isso.
    Desde já o meu obrigado, por tudo o que me tem feito por mim.

    ResponderExcluir
  15. Maria
    entrei no seu blog agora e não vi as chaves, acho que já resolveu o problema

    ResponderExcluir
  16. Maria
    você está falando das chaves desta imagem?
    http://img1.blogblog.com/img/icon18_wrench_allbkg.png

    se for isso só aparece para você quando está logada no blogger, mais ninguém consegue ver isso no seu blog.

    ResponderExcluir
  17. Oiiii
    Não tou achando...
    :(
    Vc pode me add no msn e me explicar?
    mayumi_lindinha99@hotmail.com
    Porfavor!!

    ResponderExcluir
  18. Você tem razão Fabiano, é só quando eu estou logada no blogger.
    Obrigado pela atenção

    ResponderExcluir
  19. oiiee nao consegui colocar as estrelinha =/
    pode me ajudar?

    ResponderExcluir
  20. muito obrigado pela sua ajuda eu vi isto no blog que era dia de natal. você tirou minha duvida

    ResponderExcluir
  21. Legal isso. É feito em javscript e é bem leve.

    ResponderExcluir
  22. Ha eu consegui fazer ficou Bem legal ameii *-*

    ResponderExcluir
  23. Oi, eu so o o Sega-Downs denovo... Então mano eu não consegui colocar no meu blog eu salvo mais não aparece você poderia faze 1 teste colocar uma postagem? Porfavor

    ResponderExcluir
  24. OI FABIANO
    PRIMEIRAMENTE VOU TE PARABENIZAR PELAS DICAS. ACHEI INCRÍVEIS.
    MINHAS DUVIDA É: ACHEI "/BODY" NA SEGUINTE PARTE DE CÓDIGO HTML:

    /* Content
    ------------------------------------- */
    body {

    ONDE EU PONHO O CÓDIGO DO EFEITO?

    ResponderExcluir
  25. H.Brayan
    não é esse trecho, mais para o final do código tem </body>

    ResponderExcluir
  26. Amo as dicas que você dá!!!! Me ajuda muito!!!! Bjin!!!!!!♥

    ResponderExcluir
  27. ei será q vc conseguiria fazer um especial com esse caracter ♫ e me enviar por email? ficaria grato!!!
    meu e-mail é:
    callebeh5@hotmail.com

    ResponderExcluir
  28. Maravilhoso... você é o máximo... ficou bem lindo mesmo.
    Obrigada..!

    ResponderExcluir
  29. Olá!
    Passando só para deixar um parabéns pelo maravilhoso blog! Todas as dicas são super úteis. Quando tenho dúvidas sobre HTML corro aqui.

    Parabéns novamente. :)

    ResponderExcluir
  30. eu copio e colo o html, mas da erro, porq será que está aconteçendo isso? =/
    olhe:
    Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The markup in the document preceding the root element must be well-formed.

    Error 500

    espero que me ajude, beijos.

    ResponderExcluir
  31. Anne_Garcia
    provavelmente é algum detalhe na hora de copiar e colar... talvez tenha apagado alguma letra no html ou deixado algo sobrando...

    ResponderExcluir
  32. AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA NÃO CONSEGUI! :(

    ResponderExcluir
  33. Nossa amei, achei simples e bem prático ... obrigada pela dia. Abraços

    ResponderExcluir
  34. tem como cada estrelinha com uma cor diferente?

    ResponderExcluir
  35. para mudar a cor é nesta parte do código
    var colour="#FFD700";

    veja aqui o Código das Cores

    ResponderExcluir
  36. nao, nao, to falando, ficar com 2 ou mais cores, cada estrela com uma cor, etc....seria possivel?

    ResponderExcluir
  37. com esse código não tem jeito de usar 2 cores...

    vou pesquisar e tentar achar um que permita mais cores... porém não lembro de ver isso em nenhum lugar

    ResponderExcluir
  38. Bom dia a todos!
    Estou fazendo o texte em outro blog mas não consegui colocar as estrelinhas no mouse.
    EDITAR HTML é no DESIGN?
    O blog que eu quero mesmo deixar muito lindo é: fauna-franciscodeassis.blogspot.com
    Por favor me ajude, pq não entendo muito de html e tenho medo de perder o blog.
    Abraços,
    iveti

    ResponderExcluir
  39. Connnnnsegui!!!!!
    Ficou lindo. obrigada por partilhar connosco estas maravilhas

    ResponderExcluir
  40. IvetiMaria
    sim, quando clica para entrar na pagina desing tem a guia editar html

    ResponderExcluir
  41. Uma Dica Para Colocar na Quantidade de Estrelinhas
    Coloque o Número: 1000
    Veja Uma Demonstração de Como Fica em Meu Blog:
    http://maiconarcanjomads.blogspot.com/
    E Aproveite!

    ResponderExcluir
  42. Bom meu blog é wordpress e nenhuma dessas dicas funciona pro meu site só pro blogspot

    ResponderExcluir
  43. sim a maioria de nossas dicas são para o blogger

    ResponderExcluir
  44. Primeiro de tudo o seu blog e muito bom e eficiente.Parabens.Segundo-tentei varias e varias vezes achar esse tal de
    eu nao consigo achar,eu ach, mais eu nao consigo achar Por Favor me Ajudem pode ser aki mesmo ou no email worldtess.blogspot.com

    ResponderExcluir
  45. Tem como vc colocar um trecho maior pra ficar mais fácil de se encontrar a palavra
    (body)...Tô aqui esquentando a cabeça e não consigo encontrar essa palavra pra poder colar o script antes dela. Abraços e obrigada

    ResponderExcluir
  46. a questão é justamente essa o local é perto do body esse é o código completo... é só uma palavra que indica o inicio e final do html do seu blog

    ResponderExcluir
  47. Queria saber como colokar pois sou muito nova nessas coisas e não entendo

    ResponderExcluir
  48. o procedimento é colocar esse código... não tem outro jeito mais simples de explicar

    ResponderExcluir
  49. oi, eu queria saber como eu coloco efeito de batom no mouse mais só quando eu en trar no blog

    ResponderExcluir
  50. Marcella Leite
    não sei qual efeito está falando...

    esse das estrelinhas funciona o tempo todo... acho que não tem como fazer só na hora que entra no blog

    ResponderExcluir
  51. Olá, gostei muito, o meu blog ficou show com essas instruções do ponteiro , ameei, você está de parabéns.
    AMEEI!!!!

    ResponderExcluir
  52. na linha var colour="#FFD700"; troque por : var colour="#000000";

    ResponderExcluir
  53. eu não consigo achar o tal do < /body > :/

    ResponderExcluir
  54. ah eu ja resolvi meu problema, e pra quem não entendeu ainda APERTEM CTRL+F e abrirá um guia no canto da pagina onde voce coloca a palavra que procura e ele indicará no texto aonde ela está . :]

    ResponderExcluir
  55. pesquise somente /body as vezes os espaços não deixa o ctrl f encontrar

    claro isso é na pagina editar html

    ResponderExcluir
  56. muito bom parabens o seu blog acabou dde entrar para a minha lisa de parcerias

    ResponderExcluir
  57. da pra mudar a cor das estrelinhas??

    ResponderExcluir
  58. a cor é nesta linha: ar colour="#FFD700";

    veja aqui o Código das Cores

    ResponderExcluir
  59. ooi;' ta dificil achar a palavra HAAHA. eu queria saber se a palavra Body tem que estar entre os caracteres que voce colocou, que seria : ou é a palavra sozinha!? body
    Adoreeei suas dicaas; espero que me ajude.

    http://ingriidcaardoso.blogspot.com/

    ResponderExcluir
  60. o trecho body tem que ser igual mostramos < / body >, mas em alguns templates funciona adicionando o código em um gadget de html/javascript

    ResponderExcluir
  61. Eu ñ encontrei o luga onde coloca ! a pagina editar HTML é a msma q faz as postagens ??
    Agradeço d já !

    ResponderExcluir

  62. a pagina editar html fica em design, no mesmo lugar onde adiciona gadgets então tem uma guia escrito editar html

    ResponderExcluir
  63. Obrigadaaa
    consegui colocar no meu blog,adorei

    ResponderExcluir
  64. Consegui, agora quero saber como mudar a cor e a quantidade de estrelinhas, aguardarei.

    ResponderExcluir
  65. a cor é nesta linha: var colour="#FFD700";

    veja aqui o Código das Cores

    ResponderExcluir
  66. Eu não consigo encontrar o , alguém me ajuda? está perto do que?

    ResponderExcluir
  67. em ves de ser um monte de estrelinhas como eu altero as estrelinha e escrevo augo ????
    e em ves de ficas caindo uma frase tipo que fica perseguindo a seta ???

    ResponderExcluir
  68. Cole este codico antes dessa linha q acabou de encontrar... MAS QUE LINHA?

    ResponderExcluir
  69. fiz alguns testes com texto seguindo o mouse mas não funcionou bem com os novos templates do blogger em alguns navegadores por isso não publicamos um tutorial sobre o assunto

    ResponderExcluir
  70. obrigada pela dica muito bom o site *-*

    ResponderExcluir
  71. oi, é assim eu tô tentando colocar seus códiogs e assim, ai eu vou lá no editar HTML coloco o código e diz bem assim: "Não foi possível guardar o seu modelo.
    Corrija os erros seguintes e envie novamente o seu modelo.
    Não foi possível analisar o seu modelo por não estar bem formado. Certifique-se de que todos os elementos XML estão fechados correctamente.
    Mensagem de erro de XML: Content is not allowed in prolog." e nenhum código que eu tenho colocar não dá porque aparece isso! alguma ajuda? obrigada

    ResponderExcluir
  72. veja se na hora de alterar o código não apagou aspas por engano ... infelizmente são muitos detalhes no código e as vezes até copiar de uma pagina para outra de internet gera erro...

    tente colocar antes no bloco de notas e depois no html do seu blog

    ResponderExcluir
  73. Olá, sou fã do seu blog!
    Queria lhe dizer muito obrigado.
    E queria saber como faço para que as letras do lado do favicon, la em cima, ande!

    ResponderExcluir
  74. Oi Fabiano ,consegui colocar no mgcrocheartes.com
    não estava conseguido colocar no vitrinedagraca.com
    Tentei até conseguir deu certinho.
    Obrigada valeu!1Linda noite para você,bjus

    ResponderExcluir
  75. veja o endereço da imagem.. esse é o problema na maioria das vezes

    ResponderExcluir
  76. Valew eu conseguir adicionar no meu blog, muito obrigado, veja ai como ficou: minhaspostagensbra.blogspot.com

    ResponderExcluir
  77. Valew eu conseguir adicionar no meu blog, muito obrigado!!!

    ResponderExcluir
  78. visitem meu blog http://fiqueligadaemmim.blogspot.com/
    eh mt legal

    ResponderExcluir
  79. como fazer as estrelinhas virarem outras coisa tipo tomates ou sei laáá?

    ResponderExcluir
  80. esse código não funciona com imagens... só estrelinhas... alias na verdade são sinais de +

    ResponderExcluir
  81. tem um monte de palavra body...em qual eu coloco o código??

    ResponderExcluir
  82. esse que falamos é o < /body > , você verá que só tem um assim no seu html

    ResponderExcluir
  83. Adoreii muiiito este site..
    Me ajuudou bastante !
    Parabééns ao dono ..
    Show de Bola !

    ResponderExcluir
  84. OiÊ!Olha, só queria saber, se tem como escolher a cor escrevendo uma coisa adicional no código, as minhas estrelinhas saíram amarelas.
    Byjus!!Me ajuda, per favore!!
    Byjus da Rosa!!(NO CP)

    ResponderExcluir
  85. a cor da estela é aqui var colour="#FFD700";

    veja aqui o Código das Cores

    ResponderExcluir
  86. Aii!
    Funcionou no meu blog!
    as estrelinhas estão de amarelo mas está ótimo!
    Obrigado!

    ResponderExcluir
  87. Pelo amor de Deus Cpie e cole um trecho de onde temos que colocar o código! Te agradeceria muito. Bjo

    ResponderExcluir
  88. Oieu tentei mas não consegui por o efeito de estrelinha será que algué pode me ajudar? ficarei grata. meu kink é http://merosemilay.blogspot.com bjos

    ResponderExcluir
  89. Veraildes
    antes do código < /body >

    Meros Emilay
    talvez esteja colocando o código em lugar errado...

    ResponderExcluir
  90. Olá criei meu blog hj, achei esse site para me ajudar... ja tentei colar o codigo entre o < /body> , ja tente colar antes do < /body> ... ja tente colar no wordpad, copiar o codigo do wordpad e colar la... mas nao adianta de jeito nenhuma :/ sempre da o erro 500 .. pode me ajudar?

    ResponderExcluir
  91. ahhh conseguiiii... vlw ai, mt obrigado xD

    ResponderExcluir
  92. veja se não apagou nenhum detalhe do código, letra ou sinal faltando ou sobrando.

    exclua o historico de internet, as vezes o erro aconteceu uma vez e seu computador está usando o cache

    ResponderExcluir
  93. Gentiiiii num precisa ter esse trabalho todo!!!
    Vaii em Design
    Adicionar um Gadget
    HTML/JavaScript e cola o link
    Obs: a ESTREla ta saindo amarela!!
    Aii vcs vaii no link q ele postou pra mudar de cor!! Mil bjs!! Adoroo esse site!!

    ResponderExcluir
  94. aaaaaaaaaaaaaaaaaaaaaaah muito mais mto obrigada, tõ começando montar o meu blog agora e não a tava conseguindo fazer nada que queria, pedir ajuda milhares de pessoa e ninguem me ajuda , ja você e 100 . muito obrigada o primeiro passa já dei

    ResponderExcluir
  95. ooi queria uma maneira rapida de colocar musicas no meu blog pois minha net e lenta ia demorar muito de outar formas que ja achei!

    ResponderExcluir
  96. Olá! Gostaria de saber se é para colocar esse código como postagem ou Gadget ?

    -obrigado pela Atenção!

    ResponderExcluir
  97. pode testar em um gadget de html/javascript, mas talvez não funcione corretamente.

    o mais indicado é pela pagina editar html

    ResponderExcluir
  98. @Fabiano Roberto infelizmente musica deixa mesmo o blog mais lento

    ResponderExcluir
  99. Mas eu não quero copiar este código todo,quero uma coisa mais fácil...Me ajudem por favor;

    ResponderExcluir
  100. Não consegui,colocar nessa página,me ajudem

    ResponderExcluir
  101. @Victória e Justin não tem jeito mais facil.

    tem que copiar o código e colocar no seu blog pela pagina editar html

    ResponderExcluir
  102. Nossa vc me ajudou para caramba eu tava procurando isso ja 2 dias e nao achava ,OBG mesmo seu blog é nota 10

    ResponderExcluir
  103. Valewwww mesmo!!!!!!!
    tava tanto querendo colocar coisa caindo do ponteiro do mouse!!!Muito Obrigado!!!Gostei muito do site!!!

    Meu blog >> http://mylifenix.blogspot.com/
    Agora ateh tem estrelinhas caindo do ponteiro do mouse...
    haha~

    ResponderExcluir
  104. @Vanessa Rozemberg Silva se fez alterações no código veja se não apagou nada por engano

    na maioria das vezes falta ou sobre algum sinal > ' / < " .

    ResponderExcluir
  105. Este comentário foi removido pelo autor.

    ResponderExcluir
  106. ameeeeeeeei . me ajudo muiito :D :D visitem meu blog http://kathyrfreitas.blogspot.com/

    ResponderExcluir
  107. @Chen~ mesmo que colocar a fonte é plagio e pode sofrer punições do google

    ResponderExcluir
  108. Este comentário foi removido pelo autor.

    ResponderExcluir
  109. Este comentário foi removido pelo autor.

    ResponderExcluir
  110. Este comentário foi removido pelo autor.

    ResponderExcluir
  111. Este comentário foi removido pelo autor.

    ResponderExcluir
  112. @Chen~ embora muita gente copie textos e imagens é plagio e pode prejudicar o seu blog porque o google está cada vez mais dando valor para conteudo original

    ResponderExcluir
  113. me sugere um assunto para posta?!?algo original que eu possa posta, sou iniciante xD
    vlwss!

    ResponderExcluir
  114. @Chen~ isso depende muito do tema do seu blog, veja esse tutorial: Novas Ideias para Novos Posts

    ResponderExcluir
  115. Obrigado, encontrei um jeito de criar minhas proprias tirinhas!
    Muito obrigado!

    ResponderExcluir
  116. como alterar o (+)<<estrela por (*)<<<neve?
    ta chegando o natal!
    haha

    ResponderExcluir
  117. @Chen~ esse código na verdade faz cair sinais de + do ponteiro do mouse.

    para usar neve, veja esse outro link Colocar Efeito Neve no Blog

    ResponderExcluir
  118. Eu não consegui botar as estrelinhas no perfil do meu orkut , seria possível vocês explicar com mais clareza isso ?
    Obrigado!

    ResponderExcluir
  119. @Mylena esse código não é para o orkut

    ele só funciona em blogs e sites

    ResponderExcluir
  120. eu tenho um sclipt que eu editei
    da radio kiss fm 102.1 pra blogger
    funciona perfeitamente
    eu queria saber como eu faço pra postar
    pra quem quiser ter um play que toca a kiss fm

    ResponderExcluir
  121. gostei muito deste site tem muitas dicas de sclipts que funciona..

    ResponderExcluir
  122. Eu consegui colocar as estrelinhas, e ficou liindo, muito obrigada pela ajuda.

    ResponderExcluir
  123. Gostei deste tutorial, é uns de que eu tava procurando, colocarei bastante brilho, tenho 4 blog que que criei, um é sobre magia e coloquei bastante brilho lá , obrigado mais uma vez pelo tutorial

    ResponderExcluir
  124. Gostaria muito de colocar efeitos estrelinhas caindo do ponteiro po mouse,no meu blog, até que tentei mas não conseguiu.
    Se fosse possível, vcs me ajudasse eu agradeceria muito.
    Paz e Luz!

    ResponderExcluir
  125. @ESPIRITUALIDADE dependendo do template dá erro.

    tente colocar antes o código antes da tag < / body >

    ResponderExcluir
  126. eu nao consegui bota as estrilinhas diz q deu erro e eu segui tudo direitinho

    ResponderExcluir
  127. veja se alterou algo no código ou não apagou alguma letra por engano

    ResponderExcluir
  128. Eu consegui tem como mudar as estrelinhas de cor?

    ResponderExcluir
  129. a cor da estrelinha é nesta linha
    var colour="#FFD700";

    ResponderExcluir
  130. Como posso achar o Body?

    ResponderExcluir
  131. showwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww estou seguindo o blog depois entra no meu bjus

    ResponderExcluir
  132. consegue pelo javs é bem mas facil

    ResponderExcluir
  133. mto legal essas dicas amei consegui colocar as estrelinhas no meu blog de testes e agora vou colocar no meu outro blog!♥
    bjuss
    http://www.tefynhaefamilia.blogspot.com

    ResponderExcluir
  134. Não to conseguindo colocar! Sempre quando eu tento salvar aparece: Erro ao analisar XML, linha 297, coluna 3: The element type "head" must be terminated by the matching end-tag "".

    ResponderExcluir
  135. Aeeew consegui mt mt obg vlw mesmo :)

    ResponderExcluir
  136. Anônimo
    deve ter algo faltando ou sobrando no código.

    veja se não apagou nada por engano

    ResponderExcluir
  137. hoje de 5:da tarde fiquei até agora 7:28 da manha pesquisando coisa aqui e consegue vlw pela ajuda do ponteiro do mouse o negoço da miniatura por tudo

    entrem no meu blog ai www.habidix.blogspot.com

    ResponderExcluir
  138. Brigadão ai ficou maneiro me ajudou muito suas dicas

    ResponderExcluir
  139. no meu blog não deu aparece um erro lá bem assim=
    Não foi possivel analizar seu modelo,pois sua formatação é inadequada.certifique-se que todos os elementos xml estão fechados adequadamente..
    mensagem de erro em xml=
    the processing instrucion target matching
    "[xX][mM][lL]"is not allowed
    eu não entendo nada disso,como faço pra conseguir?

    ResponderExcluir
  140. tente colocar um gadget de html/javascript ou veja se não pagou algum sinal por engano

    ResponderExcluir
  141. coloquei mais as estrelinhas nao estao caindo do ponteiro do mouse

    ResponderExcluir
  142. ola eu me chamo gessica eu ñ estou conseguindo da pra explicar melhor

    ResponderExcluir
  143. ttiffanný *;
    infelizmente em alguns templates dá erro

    ResponderExcluir
  144. nossa isso fico show no meu blog de notícias dos famosos.

    ResponderExcluir
  145. tem que colocar o código no seu blog pela pagina editar html antes da tag < / body >

    ResponderExcluir
  146. Fabiano,levei as estrelinhas.
    Não editei no html do blog,fiz assim layots na aba que abre adicionar Gadgets,html javascript,cliquei em salvar, ficou certinho..
    Obrigada,bjs

    ResponderExcluir
  147. aaaai, já tentei de TUDO e não consigo.. quando eu salvo não aparece nada.. não sei o que to fazendo de errado ou o por que que não esta dando.
    Queria ajuda.. Obrigada, beijos

    ResponderExcluir
  148. anonimo, talvez seja algo no seu template, infelizmente esse código não funciona em todos os blogs

    ResponderExcluir
  149. hahahahaha comigo fucionol perfeitamente ... legal.

    ResponderExcluir
  150. ebaaaaaaaaaaaaaaaaaaaaa conseguir genteeeeeeeee foi dificil procurar o nome "body" mas achei

    ResponderExcluir
  151. caramba, muito obg!!

    visita:


    http://nadaaveramiga.blogspot.com/

    ResponderExcluir
  152. só é possivel usar uma cor nas estrelas

    ResponderExcluir
  153. oi é eu queria sabes se tem como trocar as estrelinhas por qualquer outra imagem! tem como??...

    ResponderExcluir
  154. não tem como trocar as estrelinhas.

    na verdade é o sinal de mais.

    ResponderExcluir
  155. Fabiano eu aqui de novo,vim buscar minhas estrelinhas.
    Obrigada,bjs

    ResponderExcluir
  156. Tem como eu mudar simbolo de + por outro como @, #, $, %, &, *, etc?

    ResponderExcluir
  157. deve ser possível mas não sei como fazer

    ResponderExcluir
  158. Eu não estou conseguindo se desse para vocês me ajudarem

    ResponderExcluir
  159. tem só que copiar e colar o código, mas em alguns templates ele não funciona porque gera um erro.

    ResponderExcluir
  160. entre na pagina editar html e cole o código antes de < /body >

    ResponderExcluir