[Tutorial] Efeito de neve em seu blog

Este tutorial tem como objetivo explicar como adicionar um script decorativas em seus blogs para dar uma melhor aparência. Isso geralmente pode ser usado na época do Natal, mas pode-se ser usado para evoluir mais o blog.

--> Tutoriais, dicas e astúcias <--
Efeito de neve em seu blog

1º - Introdução do código ao blog;
Vamos utilizar o código abaixo para que seja possível visualizar-mos na página inicial á neve caindo sobre o blog. Para qud seja possível adicionar, então acedam em:
Painel de controle ->> Multiblog ->> Módulos ->> Módulo customizado ->>



Clique no "" para editar o módulos customizado, e assim adicionar-mos o código abaixo;

Código:

<marquee behavior="scroll" direction="down" style="position: absolute; left:80px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span >*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 95px; top: 0px; width: 16px; height: 60px;" scrollamount="7"><span><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 115px; top: 0px; width: 16px; height: 70px;" scrollamount="7"><span ><font color="white">**</font>*</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left: 116px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span ><font color="white">**</font>*</span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left:132px; top: 15px; width: 16px; height: 600px;" scrollamount="5"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 148px; top: 5px; width: 16px; height: 610px;" scrollamount="2"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 214px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 330px; top:25px; width: 16px; height: 450px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 246px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 312px; top: 55px; width: 16px; height: 400px;" scrollamount="5"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left:338px; top: 65px; width: 16px; height: 410px;" scrollamount="2"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 354px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 370px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 386px; top:5px; width: 16px; height: 570px;" scrollamount="3"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 402px; top: 15px; width: 16px; height: 600px;" scrollamount="5"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 418px; top:5px; width: 16px; height: 610px;" scrollamount="2"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 434px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span ><font color="white">*</font></span></marquee><b/><marquee behavior="scroll" direction="down" style="position: absolute; left: 450px; top:25px; width: 16px; height: 450px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 466px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 482px; top: 55px; width: 16px; height: 400px;" scrollamount="5"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 598px; top: 65px; width: 16px; height: 410px;" scrollamount="2"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 614px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 894px; top:15px; width: 16px; height: 260px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 630px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left: 646px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 662px; top:15px; width: 16px; height: 600px;" scrollamount="5"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 678px; top: 5px; width: 16px; height: 610px;" scrollamount="2"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 694px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 710px; top:25px; width: 16px; height: 450px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 726px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 742px; top: 55px; width: 16px; height: 400px;" scrollamount="5"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 758px; top:65px; width: 16px; height: 410px;" scrollamount="2"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 774px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 974px; top: 35px; width: 16px; height: 160px;" scrollamount="7"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 790px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 806px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 812px; top: 15px; width: 16px; height: 600px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 828px; top: 5px; width: 16px; height: 610px;" scrollamount="2"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 844px; top:25px; width: 16px; height: 500px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 860px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 876px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 892px; top:55px; width: 16px; height: 400px;" scrollamount="5"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 898px; top: 65px; width: 16px; height: 410px;" scrollamount="2"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 900px; top:35px; width: 16px; height: 460px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 90px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 180px; top: 5px; width: 16px; height: 570px;" scrollamount="5"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 206px; top: 15px; width: 16px; height: 600px;" scrollamount="1"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 399px; top: 5px; width: 16px; height: 610px;" scrollamount="3"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 409px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 520px; top:25px; width: 16px; height: 450px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 656px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position:absolute; left: 865px; top: 55px; width: 16px; height: 400px;" scrollamount="1"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 370px; top:65px; width: 16px; height: 410px;" scrollamount="6"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 290px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 425px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 580px; top:5px; width: 16px; height: 570px;" scrollamount="3"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 306px; top: 15px; width: 16px; height: 300px;" scrollamount="1"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 599px; top:5px; width: 16px; height: 610px;" scrollamount="3"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 609px; top: 25px; width: 16px; height: 180px;" scrollamount="7"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 1070px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 950px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 260px; top:55px; width: 16px; height: 200px;" scrollamount="1"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 770px; top: 65px; width: 16px; height: 210px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 690px; top: 35px; width: 16px; height: 360px;" scrollamount="7"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 925px; top:0px; width: 16px; height: 50px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 225px; top: 0px; width: 16px; height: 50px;" scrollamount="5"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 380px; top: 5px; width: 16px; height: 70px;" scrollamount="3"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 806px; top: 15px; width: 16px; height: 100px;" scrollamount="1"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 399px; top:5px; width: 16px; height: 110px;" scrollamount="3"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 909px; top: 25px; width: 16px; height: 280px;" scrollamount="7"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 570px; top:5px; width: 16px; height: 150px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 750px; top: 15px; width: 16px;height: 130px;" scrollamount="6"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 660px; top: 5px; width: 16px; height: 100px;" scrollamount="1"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 570px; top: 5px; width: 16px; height: 110px;" scrollamount="7"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 690px; top:5px; width: 16px; height: 60px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 965px; top: 0px; width: 16px; height: 50px;" scrollamount="5"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 1000px; top: 0px; width: 16px; height: 50px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 1010px; top: 0px; width: 16px; height: 150px;" scrollamount="7"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 390px; top: 5px; width: 16px; height: 70px;" scrollamount="3"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 466px; top: 15px; width: 16px; height: 100px;" scrollamount="1"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 359px; top: 5px; width: 16px; height: 110px;" scrollamount="3"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 489px; top: 25px; width: 16px; height: 280px;" scrollamount="7"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 530px; top:5px; width: 16px; height: 150px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 780px; top: 15px; width: 16px; height: 130px;" scrollamount="6"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 910px; top:5px; width: 16px; height: 100px;" scrollamount="1"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 570px; top: 5px; width: 16px; height: 110px;" scrollamount="7"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 620px; top:5px; width: 16px; height: 160px;" scrollamount="7"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 300px; top: 0px; width: 16px; height: 100px;" scrollamount="1"><span ><font color="white">*</font></span></marquee><br/><marquee behavior="scroll" direction="down" style="position: absolute; left: 890px; top:0px; width: 16px; height: 200px;" scrollamount="5"><span ><font color="white">*</font></span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 840px; top: 10px; width: 16px; height: 100px;" scrollamount="7"><span >*</span></marquee><marquee behavior="scroll" direction="down" style="position: absolute; left: 11px; top: -6px; width: 16px; height: 700px;" scrollamount="5"><span ><font color="white">*</font></span></marquee><marquee behavior="scroll" direction="down" style="position: absolute; left: 0px; top: -8px; width: 16px; height: 700px;" scrollamount="5"><span ><font color="white">*</font></span>
</marquee></marquee><marquee behavior="scroll" direction="down" style="position: absolute; left: 11px; top: -6px; width: 16px; height: 700px;" scrollamount="5"><span ><font color="white">*</font></span></marquee></marquee><marquee behavior="scroll" direction="down" style="position: absolute; left: 41px; top: -6px; width: 16px; height: 700px;" scrollamount="5"><span ><font color="white">*</font></span></marquee></marquee><marquee behavior="scroll" direction="down" style="position: absolute; left: 51px; top: -6px; width: 16px; height: 700px;" scrollamount="5"><span ><font color="white">*</font></span></marquee></marquee><marquee behavior="scroll" direction="down" style="position: absolute; left: 31px; top: -6px; width: 16px; height: 700px;" scrollamount="5"><span ><font color="white">*</font></span></marquee></marquee>

2º - Questões sobre;
O resultado será visto na página inicial do blog;

Perguntas sobre o tutorial;

Onde posso colocar o código?
O código posde ser adicionar no conteúdo personalizado. Não tente adicionar aos artigos, pois pode ocorrer um erro!

Posso ter esse código junto com outros?
Não, caso adicione mais códigos ao conteúdo personalizado pode ocorrer um erro no código e não dando o resultado esperado.

Você pode mudar a cor ou a textura da neve?
Sim, o código é editável, por isso se necessitar de alterar á estrutura a neve é possível. No código procure por "<font color="CÓDIGO DA COR"> e altere ás letras indicadas por azul escuro por á cor que desejar. Lembre-se que deve fazer isso em todo o código, caso alcontrário não será aceito.

Nosso código;

<marquee behavior="scroll" direction="down" style="position: absolute; left: 41px; top: -6px; width: 16px; height: 700px;" scrollamount="5"><span ><font color="white">*</font></span></marquee></marquee>

A cor azul: É para mudar a cor da neve.
A cor verde: Para alterar a forma de neve.

• Resultado:

Imporrânte! É necessário conhecimentos básicos para efetuar alterações no blog, por isso aconselhamos que leia: "[FAQ] Gerenciar o blog"

--> Tutoriais, dicas e astúcias <--
Efeito de neve em seu blog

---

© Fórum dos Blogs

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Efeito de neve em seu blog