terça-feira, 8 de maio de 2012

Como colocar brilho no cursor do blog


Primeiro vá em editar HTML do seu blog 
Aperte Ctrl+F  procure a palavra : </body>
cole ANTES dela o seguinte código:

 <script type='text/javascript'>
// <![CDATA[
var colour="#FFFFFF";
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> 

Clique em visualizar, se estiver tudo certo salve e pronto ^^ 

Se quiser trocar a cor do brilho procure a palavra : var colour="#FFFFFF"
e troque o #FFFFFF (atenção para não apagar o " ") pelo código da cor que você quiser (a cor que está no script é branco)

Código das cores:

VERMELHO: #FF0000
ROSA: #FF69B4
ROXO: #912CEE
AZUL: #0000FF
AZUL CLARO: #1E90FF
VERDE: #00FF00
AMARELO: #FFD700
ALARANJADO: #FF8C00
PRETO: #000000 

77 comentários:

  1. Muiito Boom coloquei no MEU blog Rapidinho!
    # http://simplesmentenati.blogspot.com.br/

    ResponderExcluir
  2. obrigada consegui colocar no meu blog
    http://downloads-sucessos.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. eu ñ entendi alguem pode me explicar de uma maneira fácil pf

      Excluir
    2. Vc copio minha imagem de outro blog

      Excluir
  3. Gostei muito vlw tava procurando essa dica a um tempão xero! ^^
    # http://dicapraadolescentes.blogspot.com.br/

    ResponderExcluir
  4. Vlw... amei a dicaa, ameii seu blog tbm lindaah..
    http://princesas100coroas.blogspot.com.br/
    visita aêw.

    ResponderExcluir
  5. adorei o blog e tbm adorei colocar esses detalhes no meu http://almasligadas.blogspot.com.br/

    ResponderExcluir
  6. obrigada por insinar eu sempre procurava mas não conseguia obrigada!

    ResponderExcluir
  7. gosti do seu blog eu ja tinha colocado glitter mas saiu e afinal pq? e visitem meu blog tbm
    lihmalik.blogspot.com.br

    ResponderExcluir
  8. Muito obrigada, amei este tema, e consegui botar, deem uma olhadinha


    http://coisinhasdedani1.blogspot.com .

    ResponderExcluir
  9. Amei ! Obg
    http://princesinhas--da--moda.blogspot.com.br/

    ResponderExcluir
  10. Eu ñ estou conseguindo achar o lugar do HTML.. Mto triste.. Onde tah?? Alguém me ajuda???

    ResponderExcluir
    Respostas
    1. Este comentário foi removido pelo autor.

      Excluir
    2. eu posso te ajudar vai em layout depois adicionar gadget em qualquer lugar ex : cross-column depois pega clica em HTLM/JavaScript depois cola o codigo todo e salva ai vai em visualizar q vai ter espero ter ajudado :3 se quiser pode ver meu canal e novinho : http://catgameryoutube.blogspot.com.br/

      Excluir
  11. o meu fico lindo entra http://mosnterhighnu.blogspot.com.br/

    ResponderExcluir
  12. Valeu!! *U*
    Me ajudou muito, acho muito fofos esses brilhosinhos saindo do mause :3

    ResponderExcluir
  13. ADOREI! já ta no meu blog

    http://myworldrosachock.blogspot.com.br/

    ResponderExcluir
  14. Sigam meu blog.
    http://charmsofgirls.blogspot.com.br/
    Obrigada beijos

    ResponderExcluir
  15. sigam me blog e novinho fiz hj http://modajapaokawaii.blogspot.com.br/

    ResponderExcluir
  16. Nossa ! Ajudou muito . Visita nosso blog ? Agradeço desde já. Bjs :3

    ResponderExcluir
  17. Obrigada Ajudo muito :) Visite meu blog: tudofashioneestiloso.blogspot.com

    ResponderExcluir
  18. Valeu visitta http://the-fantastic-icarly.blogspot.com.br/

    ResponderExcluir
  19. amei eu ja coloquei no meu , obrigada pela dica
    http://makeupdasarah.blogspot.com.br/

    ResponderExcluir
  20. :( Não consigo me Ajudem :( ): algueeeeeeeem me ajude

    ResponderExcluir
  21. nossa to até chorando porque não consigo ;´´(

    ResponderExcluir
    Respostas
    1. eu fiz assim layout>gadget>copia tudo que esta ai
      e beeeeeem mais facil

      Excluir
  22. Muito obrigada funcionou certinho
    xoxo *^_^*

    ResponderExcluir
  23. consegui rapidinho obrigada segue meu blog http://mirellystefany.blogspot.com.br/

    ResponderExcluir
  24. oi gente acessem meu blog porfavor http://tudosobretudo151.blogspot.com.br/

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

    ResponderExcluir
  26. obg o meu e roxo cada semana eu vou mudar bjs

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

    ResponderExcluir
  28. Muuito oobg vooç me ajuuudou mtuu
    Vlww :)

    ResponderExcluir
  29. Amei coloquei o preto no meu blog

    http://faclubethocosta.blogspot.com.br/

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

    ResponderExcluir
  31. Gente substitui o blog acima,é HoraDeAventuraComFinnEJake

    ResponderExcluir
  32. Respostas
    1. Vai no layout e adiciona um gagt chamado html/javascript,se já tiver com o cursor adicione o código abaixo do código do seu cursor. Beijos!

      Excluir
  33. Oi Tudo bom fofa? Coloquei isso no meu blog, e coloquei aonde eu peguei (desse blog) ok? Bjss amei!!

    ResponderExcluir
  34. Oi Tudo bom fofa? Coloquei isso no meu blog, e coloquei aonde eu peguei (desse blog) ok? Bjss amei!!

    ResponderExcluir
  35. Oi Tudo bom fofa? Coloquei isso no meu blog, e coloquei aonde eu peguei (desse blog) ok? Bjss amei!!

    ResponderExcluir
  36. Obrigada de coração pela dica! *-*

    Um pouco sobre o Japão --> http://dolaadodeca.blogspot.jp/

    ResponderExcluir
  37. Adorei de verdade ;) Kisses e visitem meu blog por favor :D

    http://cinthyasuellen0014.blogspot.com.br/

    Obg :*)

    ResponderExcluir
  38. amei amei o meu botei da cor roxa ficou lindo parabéns bjnhos

    ResponderExcluir
  39. Amei o TT!!!Obrigada,ajuddou.
    www.garotinha-kawaii.blogspot.com
    thancks you ^^

    ResponderExcluir
  40. Adorei,ficou lindo...
    http://estilodatata.blogspot.com.br

    ResponderExcluir
  41. Brigada conseguir colocar no meu roxo e ficou legal brigada msm
    http://karolbiebermania.blogspot.com.br/

    ResponderExcluir
  42. Gnt visitem meu blog eu conseguir por o mouse vlw blog! http://dadinhafeliz1.blogspot.com.br/

    ResponderExcluir
  43. Gostei coloquei no meu muito fácil"

    ResponderExcluir
  44. eu não entendi mi explica direito!!Por favor

    ResponderExcluir
  45. Consegui.Mas tem de outras cores??

    ResponderExcluir
  46. Não funcionou porque não tenho conta no youtube e minha mãe não me deixa fazer :(
    mas, funcionou com minha prima ela não pode escreveu mas disse pra mim escreve
    Ela disse obrigada!

    ResponderExcluir
  47. Obrigada vc me ajudou muito! estou começando meu blog a pouco tempo e já estou fazendo infeites! obrigada

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

    ResponderExcluir
  49. Valeu * U * Tih Auh S2 Vc me Ajudou Muituh ^^

    ResponderExcluir