Cursores Para Tumblr


Aqui irei mostras a vcs como mudar o cursor do tumblr e 
colocar bolhas saindo do ponteiro do mouse!
Clique leia mais e confira!




1º Passo: Copiar o código abaixo:


<style>body {cursor:url( URL DO CURSOR ), url(URL DO CURSOR), auto;} </style>
<a href="http://ego-box.com" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>



2º Passo: Substitua o URL DO CURSOR pelo cursor que vc quer,
 entre aqui e escolha o seu! AQUI

3º Passo: Vá no Html do seu tumblr   procure por </html> (para facilitar para encontra-lo clique Ctrl + f ),cole o código do cursor imediatamente acima disso. Aperte Update Preview e veja se o cursor aparece, se ele aparecer salve, caso ele não apareça, cancele.

4º Passo: Comentar aqui se deu certo 




Bolhas saindo do mouse

1º Passo: Copiar o código abaixo:
<script type="text/javascript">
// <![CDATA[
var colours=new Array("#a6f", "#60f", "#60f", "#a6f", "#ccc"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=66; // maximum number of bubbles on screen

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();

window.onload=function() { if (document.getElementById) {
  var rats, div;
  for (var i=0; i<bubbles; i++) {
    rats=createDiv("3px", "3px");
rats.style.visibility="hidden";

div=createDiv("auto", "auto");
    rats.appendChild(div);
div=div.style;
    div.top="1px";
    div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];

    div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
    div.top="0px";
    div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
    div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";

    document.body.appendChild(rats);
bubb[i]=rats.style;
  }
  set_scroll();
  set_width();
  bubble();
}}

function bubble() {
  var c;
  if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<bubbles; c++) if (!bubby[c]) {
      bubb[c].left=(bubbx[c]=x)+"px";
      bubb[c].top=(bubby[c]=y)+"px";
      bubb[c].width="3px";
  bubb[c].height="3px"
  bubb[c].visibility="visible";
  bubbs[c]=3;
      break;
}
  }
  for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
  setTimeout("bubble()", 40);
}

function update_bubb(i) {
  if (bubby[i]) {
    bubby[i]-=bubbs[i]/2+i%2;
    bubbx[i]+=(i%5-2)/5;
    if (bubby[i]>sdown && bubbx[i]>0) {
  if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
  }
      bubb[i].top=bubby[i]+"px";
      bubb[i].left=bubbx[i]+"px";
    }
    else {
      bubb[i].visibility="hidden";
      bubby[i]=0;
      return;
    }
  }
}

document.onmousemove=mouse;
function mouse(e) {
  set_scroll();
  y=(e)?e.pageY:event.y+sleft;
  x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;
function set_width() {
  if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
  }
  else if (typeof(self.innerHeight)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
  }
  else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
  }
  else {
    swide=800;
shigh=600;
  }
}

window.onscroll=set_scroll;
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;
  }
}

function createDiv(height, width) {
  var div=document.createElement("div");
  div.style.position="absolute";
  div.style.height=height;
  div.style.width=width;
  div.style.overflow="hidden";
  return (div);
}
// ]]>
</script>

2º Passo: Escolher as cores das bolhas. No começo do código tem uma parte que está destacada com várias cores. Vou repetir essa linha do código aqui para poder explicar como muda as cores.
var colours=new Array("#a6f", "#60f", "#60f", "#a6f", "#ccc");
A parte em :
                    Vermelho: Cor da parte de cima da bolha
                     Laranja: Cor do lado direito da bolha
                     Azul : Cor da parte de baixo da bolha
                     Roxo: Cor do lado esquerdo da bolha
                     Preto: Cor do fundo da bolha

OBS: Muito cuidado antes de alterar o código.

Para alterar as cores entre nesse site Clique aqui! e copie o código HTML da cor e substitua no lugar de qualquer uma das cores do código.

3º Passo:  Agora vamos escolher quantas bolhas no máximo vai ter na página. Vou copiar outra parte do código aqui só pra exemplificar. Essa parte esta no começo do código também, junto com a parte das cores.
var bubbles=66
Aqui é só ir mudando o valor e ver qual quantidade de bolhas você prefere.

4º Passo:  Agora é só copiar o código que você editou e ir até o HTML do seu tumblr . Agora procure no código por </body>, use CTLR F para procurar. Agora cole o código que você modificou imediatamente antes do </body>. Aperte Update Preview e espere a página carregar, passe o mouse pela sua página que está ao fundo veja se as bolhas estão saindo do mouse e se você gostou do resultado, se sim salve e saia se não gostou aperte Cancel.

5º Passo:  Se deu certo deixa um comentário :D




Créditos à Dicas Tumblr

48 Comentários:

Geisa bastos disse...

testei , funcionou e eu amei !

Laah disse...

ownn q boom flor! :*

Júlia ♣ disse...

Poxa muito obrigado mesmo estava tentando toda hora valeu

Anônimo disse...

AMEI tds porem eu ainda nã consegui achar como botar os contadores :S tem como ajudar ?

Anônimo disse...

Muiiiitissimo obrigadaaaa!
Deuu certo!
Que DEUS te abençoee!
:D

Amanda Swan disse...

amei, amei, amei...
muito bom adorei mesmo
valeu pela força

Laah disse...

De nada! :D

Stefany disse...

awwwn ameei consegui, agora feço tua ajudinha fiz um tumblr a pouco tempo e tipo assim ameeei o seeu me ajuda?

Bells disse...

Amei, funcionou muito bem e é suuper fácil ;D

Bia Rock disse...

Oii, deu certo! Obrigada
Visita o meu tumblr
http://loveforrocknroll.tumblr.com/

bruna disse...

Aaaaaa deu super certo obg viuuu amei seu blog e to utilizando sempre (ee fiz meu blog ontem) ee ja esta o maximo por causa da sua ajuda kkk

Karolziita # disse...

Deu ceerto amr , OBG :a

Coisas de adolescentes: disse...

Ameei e também dá pra blog ;) :n

Laah Batista disse...

obg ! :*

Mary Zytkuewisz disse...

oooi sou a mari,olha,esse blogspot ficou muito lindo,e tambem aki consigo fazer tudo porque tudo funciona,nao é que nem os outros,"NADA FUNCIONA" aki explica detalhadamente e muito bem explicado,lindo,lindo,lindo...
hahah'
beijoos mari <3

Anônimo disse...

Amei o cursor de bolhas....
Você explicou super bem além de seu site ser bem fofo....
beijos juh

Débora disse...

Nossa eu amei tava mo cota procurando isso ai fui no google coloquei cursores para tumblr e apareceu um monte de site, e na hora que vi apenas uma garota enloqueci fui la abri o site e encontrei o que eu queria muito obrigado. Just One Girl :n Um beijo :g

Bianca disse...

Aii adorei ! Seu site é mto bom , encontrei oq eu queria , e deu certinho , mto bem explicado. Move On

Anônimo disse...

adorei flor.... ^^) coloquei o cursor e as estrelinhas saindo dele, fico massa :a

parabéns adorei td!!

Anônimo disse...

Vlw, deu certinho aki :g

Mel disse...

OLha,eu adorei suas dicas,testei e funcionou muito bem!Eu adoro o seu site,ele me ajuda muito,principalmente em relação ao tumblr.Ficou,tipo,uhú mto legal rs.Teu site é muito lindo e criativo!Valeu flor :)

Anônimo disse...

eu amei brigadaaaaaaaa

amanda tavares disse...

oi amei as dicas para cursores e para as musicas, ficou otimo^^

Anônimo disse...

deu certo amore , obg
raquel

Laah Batista disse...

Q boom amore! Mt obg pelo carinho :d

Brunaa disse...

deeu certoo,ameei. :a

Anônimo disse...

aiin fazia um tempão que eu tava tentando colocar no meu tumblr. consegui e ficou linnndo graças a seu saite *_* awn muito obg flor :b

Anônimo disse...

:i ameii.. obrigada !!

bruna c. disse...

Customize ~> Theme ~> Custom HTML
Eu não sei, me ajuda pelo amor de Deus
HELPPP

,jnv disse...

Ficou muito lindo,obrigada <3

Mari Canarim disse...

Customize ~> Theme ~> Custom HTML
Eu não entendi,por favor,me ajuda?

Laah Batista disse...

Vá no tumblr >> customize appearance >> Edit HTML
ai vai aparecer o código do seu theme ! Entendeu?

& siga o restante do tutorial :m

LαryssαMeℓℓo disse...

deu certo, obrg amora ^^ :d

Julia disse...

Consegui colocar as estrelinhas e minha irma pediu pra tu perguntar se vc sabe por letras caindo do mouse:k

Laah Batista disse...

julia eu não sei mas posso procurar para vc ! :m

kelly disse...

Dá certo sim *_________*

... disse...

Deu muito certo !
Obrigadoo ! :b

Dudinha disse...

Deu certo! Deu super certo!
Meu tumblr : http://dudinhabrandelero.tumblr.com
Ta muito lindo, eu to seguindo as dicas deste site e ta dando tudo muito certo! :D

Amanda Procópio disse...

O melhor blog de todos s2 :m

GihGuastaferro disse...

:p

ANIMAIS NOSSOS MELHORES AMIGOS disse...

QUERRIAAA SABERR SE TEM COMO COLOCAR CURSORES MAIS DEIXAR EM TODAS AS PAGINAS

Dorinha *____* disse...

Meu deus!!
Seu blog é o máximo!
Me ajudou muito!
Acessa o meu por favor??
blogdadoriinha.blogspot.com

Laah Batista disse...

Flor esses ficam em todas as páginas!
Mas se no teu não tá ficando tenta esse
http://laah-tpom.blogspot.com.br/2012/02/alterando-o-cursor-do-mouse-tumblr.html
:D

Obg a todos! Lembrandoo para os que não viram os créditos ta no fiim do post leia todoo post antes de julgarem! Aff..

Bjs meus amores :*

Thalita disse...

ebaaaaa eu não tava conseguindo antes e pelo seu blog eu conseguuiiiiii --*
hÁ valeu de ♥
;*

Laah Batista disse...

Quee boom florzinha! :*

Viitóriα ;) disse...

Deu certo, obrigada :)

July Santos disse...

Ameeei *-*

Yoshikari disse...

Não apareceu DD:, fiz tudo certinho passo por passo :c
http://yume-nana.tumblr.com/