Lägg in fallande snö på bloggen

Bloggdesign. 2010-11-27 | 15:59:10

Vill du få lite mer julkänsla på bloggen?
Låt inte snön falla bara utomhus, utan även inne på din blogg!

Det finns många inlägg om hur du lägger in fallande snö på bloggen. Men för mig var det inte det lättaste att få dit, ingenting hände. Jag hittade tillslut en kod som fungerade för mig.

Så här gör du:
1. Gå in på Design - kodmallar
2. Leta upp <head> i din kodmall och klistra in koden direkt nedanför.

Kod att klista in:

<mce:script type="text/javascript"><!-- Width =1200; // ange bredden på sidan som ska snöas in...  Height =7000; // 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=8; // 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);  // --></mce:script>

Klicka på Ctrl + A för att markera allt och sedan Ctrl + C för att kopiera.

3. Klicka på spara och gör samma sak på alla sidor du vill ha snön på.

OBS! För vissa designer så fungerar den fallande snön bara om du placerar koden under <body>. Det är bara att experimentera sig fram lite om det inte går på första försöket. Lycka till!

Kommentarer

Marcus Å

Jag kan mycket om sport men även om kläder för tjejer. Det vill du att jag skriver om alltså? :)

2010-11-27