terça-feira, 12 de fevereiro de 2013
07:34 | 
E mais uma vez, a blogosfera foi salva! Graças á
† Lorena Amanda † |
galerinha! Como estão? Aqui é a Lory, vim ensinar hoje como colocar aquelas estrelinhas fofas caindo do cursor do blog e agradecer ás lindas que se inscreveram no nosso cantinho e comentaram. Muito obrigada, pessoal! Mas e então? Prontos para aprenderem á deixar o cursor do seu bloguinho muito mais cute? Clique então em "Leia Mais" e aprenda com a gente.1) Vá em Layout e clique em "Adicionar Gadget.
2) Clique em HTML/JavaScript e cole este código ali:
<script type='text/javascript'>
// <![CDATA[
var colour="CÓDIGO DA COR QUE VOCÊ DESEJA";
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>
3) Na parte em que está escrito "CÓDIGO DA COR QUE VOCÊ DESEJA", cole o código da cor que quer para as estrelinhas. Usem esta tabela para escolher as cores.
4) Clique em salvar.
Prontinho! Tuto super simples, não? Espero que tenham gostado, foi o meu primeiro tutorial. Logo teremos mais, é só aguardar. Comentem com as suas opiniões, sejam criticas ou elogios do blog. Obrigada, beijos!
Assinar:
Postar comentários (Atom)
13 princesas comentaram.:
Fica lindo com essas estrelinhas! muito bom!
Bjaum
@angellribeiroo
http://www.modaimagem.com.br
É verdade, acho super fofo! Obrigada pelo comentário! ^^
Gostei muito do tutorial, fica uma gracinha quando sair estrelinhas. Vim me desculpar a demora para reponder, é que só vim abrir meu blog hoje, agradeço sua visita em meu blog, e dizer que já estou te seguindo. Gostaria de pedi a você que me seguisse e curtisse a fanpage do meu blog para ajudar. Obrigada!
http://simples-e-agradavel-bloog.blogspot.com.br/
Olá obrigada pelo comentário, sera que você poderia fazer um blog ensinando a arrumar direitinho assim como o seu? Não entendo muito de html e tals.. mais eu adorei seu tutorial sobre essas estrelinhas e pans, nós visite sempre que puder ok? Agradecida.
Obrigada pelo coment, Pamela! E não tem nada, sei como é a rotina de nós blogueiros, hehe. Pode deixar que seguirei e curtirei sim! *---*
Olá, Lis! Não tem de quê ^^ Bom, eu irei fazer bastantes tutoriais de como decorar e lidar com html, gadgets e muito mais! É só acompanhar e entenderá bem. Nesse blog ensinarei o máximo que sei sobre isto. Fico feliz por ter gostado. Minha visita é garantida, kk. Beijos doces!
Noooossa que blogger perfeito, amei muito os post, cada um melhor do que o outro, não consigo para de ler, parabéns, um dos melhores blogger que já ví, muito viciante, k k k , simplesmente M-A-R-A-V-I-L-H-O-S-O, não existe outra palavra para definir essa perfeição... me torno apartir de hoje visitante oficial do BLOGGER <3
Beijos :D
http://lagrimasdeumgaroto.blogspot.com.br/2013/02/nao-ame-amanha-o-que-pode-ser-amado-hoje.html
Adorei!
Ameeeeeeei!!
Seu blog ta perfeito msm !!!!
adorei a dica !
seguindo aq linda ! sucesso com o seu blog, bjsss
http://f-alsaprincesa.blogspot.com.br
ótimo tutu!! #adoreei haha' =]
Bjoos Nhaaack --> My Candy Space (acesse pelo meu perfil)
amei :n eu estava ate procurando esse tutorial, pois se caso eu fazer um blog, essas estrelinhas ficariam mto fofas. adoguei s2
oi, eu nao consegui.. nao sei onde estao os codigos.. me ajudaaaaa http://pattycarvallhoaloka.blogspot.com.br/
Postar um comentário
Hey! Você não vai sair sem deixar um comentário, né? Nós do blog adoraríamos saber a sua opinião sobre o que leu, é como um presente para nós!
Mas antes de tudo, algumas regrinhas:
-Sem palavrões, imagens "graves" e outras coisas do tipo, ou iremos excluir imediatamente o comentário.
-Caso você goste do blog, siga-o. Assim acompanhará nossas postagens e nós deixará muito agradecidas.
-Sem propagandas de blogs por favor, aqui é um espaço para sua opinião do post. Mas você pode deixar a url do seu bloguinho, assim podemos até visita-lo.