Folk har frågat mig hur jag kan ha fallande snö på min blogg och jag har ett snö-plugin till wordpress som har fixat allting automatiskt.

Detta script fungerar till blogg.se och webblogg.se.

  1. Kopiera den kod du vill ha här under.
  2. Klistra in koden i Design > Kodmallar under taggen <head> (nästan längst upp i kodmallen).
    (Vill du ha snö på alla sidor får du lägga in koden i alla kodmallar; category page, archive page & entry page)
  3. Spara.. och det är klart!

.
.

EXEMPEL MED *

.

EXEMPEL MED •

.
.

Koden med * som flingor:

<script type="text/javascript">

Width =1000; // ange bredden på sidan som ska snöas in...

Height =2000; // ange höjden på sidan som ska snöas in...

Count =50; // antal snöflingor OBS! ange inte för stort antal!

MaxStep=3; // max steg i rörelsen

MinStep=1; // min steg i rörelsen

MaxFlake=10; // max storlek på snöflinga

MinFlake=4; // min storlek på snöflinga

PosX = new Array();

PosY = new Array();

StepX = new Array();

StepY = new Array();

StarSize=new Array();

for (i = 0; i < Count; i++) {

PosX[i] = Math.random()*Width;

PosY[i] = Math.random()*Height;

StepX[i] =MinStep+Math.random()* -MaxStep;

StepY[i] =MinStep+Math.random()* MaxStep;

StarSize[i]=MinFlake+Math.random() * MaxFlake;

document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#f0feff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>*</div>");

}

function animate() {

for (i = 0; i < Count; i++) {

PosY[i] += StepY[i];

PosX[i] += StepX[i];

document.getElementById("Obj"+i).style.visibility = "visible";

if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås

PosX[i] = Math.random()*Width; ///2

PosY[i] = -20;

StepX[i] = MinStep+Math.random()* -MaxStep;

StepY[i] = MinStep+Math.random()* MaxStep;

}

document.getElementById("Obj"+i).style.top = PosY[i] + "px";

document.getElementById("Obj"+i).style.left = PosX[i] + "px";

}

setTimeout("animate()", 50);// hastighet

}

setTimeout("animate()", 1000);

</script>

.

Koden med • som flingor:

<script type="text/javascript">

Width =1000; // ange bredden på sidan som ska snöas in...

Height =2000; // ange höjden på sidan som ska snöas in...

Count =50; // antal snöflingor OBS! ange inte för stort antal!

MaxStep=3; // max steg i rörelsen

MinStep=1; // min steg i rörelsen

MaxFlake=10; // max storlek på snöflinga

MinFlake=4; // min storlek på snöflinga

PosX = new Array();

PosY = new Array();

StepX = new Array();

StepY = new Array();

StarSize=new Array();

for (i = 0; i < Count; i++) {

PosX[i] = Math.random()*Width;

PosY[i] = Math.random()*Height;

StepX[i] =MinStep+Math.random()* -MaxStep;

StepY[i] =MinStep+Math.random()* MaxStep;

StarSize[i]=MinFlake+Math.random() * MaxFlake;

document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#f0feff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");

}

function animate() {

for (i = 0; i < Count; i++) {

PosY[i] += StepY[i];

PosX[i] += StepX[i];

document.getElementById("Obj"+i).style.visibility = "visible";

if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås

PosX[i] = Math.random()*Width; ///2

PosY[i] = -20;

StepX[i] = MinStep+Math.random()* -MaxStep;

StepY[i] = MinStep+Math.random()* MaxStep;

}

document.getElementById("Obj"+i).style.top = PosY[i] + "px";

document.getElementById("Obj"+i).style.left = PosX[i] + "px";

}

setTimeout("animate()", 50);// hastighet

}

setTimeout("animate()", 1000);

</script>

.
Har du något annat script (högerklicksskydd osv.) aktivt finns det risk att det inte fungerar.

Like

Written By

Malin

http://molkan.se
29-årig fotograf som lever för skönhet och smink. Här skriver jag om nyheter, recenserar produkter och visar mina sminkningar.

Relaterat

12 Comments
Eline 17 november, 2010 at 08:00 Reply

Tack så jätte mkt!:D
Nu har jag snö på min blogg och det vart jätte fin!
stoort tack:D

Ida 27 november, 2010 at 10:49 Reply

Tack, äntligen en snökod som fungerar! :)

dina - [ fotoblogg ] 27 november, 2010 at 14:48 Reply

jag har högerklicksskydd, och det fungerade!
tack så mycket! :D

sabina 29 november, 2010 at 09:17 Reply

vet du hur man gör för att få flingorna att fortsätta snöa när dom har hamnat längst ner?
så scriptet fortsätter liksom :)

Lilitha 30 november, 2010 at 13:43 Reply

O så vacker det blev med lite fallande snö. Tack för att du delar med dig av din kunskap. Kram Lilitha

Mucgaela 3 december, 2010 at 22:04 Reply

Jag fattar inte vad du menar, starta om från toppen när du når mitten nått ? Snälla hjälp ”/

Ana 8 december, 2010 at 12:33 Reply

Hej, det fungera men vi har inte samma sorts flingor?

Molly 8 december, 2010 at 13:05 Reply

Ana: Vem har inte samma sorts flingor? Du kan byta flinga i scriptet.
Läs om det här: http://www.bloggfraga.se/Molkan

Jag använder mig inte av detta då jag använder WordPress och har ett plugin som fixar min snö automatiskt.

alexandra "agapi" ♥ 9 december, 2010 at 06:08 Reply

tack så mycket ! :)
vad fin blogg du har ! :D
kram, A.

Lollo 17 december, 2010 at 18:23 Reply

Tack för tipset, nu snöar det även på min blogg.
Tack från Lollo

Frida 22 december, 2010 at 23:13 Reply

Jag vill bara ha snön fallande över headern, men när jag ställer in koderna ”rätt” (uppenbarligen fel…) så hamnar snön bara på vänster sida. Hur gör man för att fortfarande ha det över hela? :)

josefin 30 januari, 2011 at 10:59 Reply

SV: Tacck så mkt !
Det funkade jättebra !
Tack/Josefin

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *

femton + sexton =