Denne koden har jeg brukt for å få snø øverst på bloggen.

Lag en ny modul under “Avansert design” > “Moduler”. Emnet kan f.eks merkes med “sno”. Lim inn i “innhold” og trykk “lagre”:

<script type=”text/javascript”>

Width =1050; // Bredden på bloggen som det skal snø på.

Height =5000; // Høyden på bloggen som det skal snø på.

Count =25; // Antall snøflak. Ikke angi for stort tall.

MaxStep=2; // Maks steg i rørelsen.

MinStep=1; // Min. steg i rørelsen.

MaxFlake=12; // Maks størrelse på snøflakene.

MinFlake=4; // Min. størrelse på snøflakene.

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:#fff; 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) { // Starte om igjen fra toppen når midten nåes.

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>

 

Etter å ha gjort det, har du fått en html kode som denne. Den limer du inn i forsiden, innlegg, kategori og arkiv under </head>. Da har du fått snø på bloggen.

// <![CDATA[
Width =1050; // Angi bredden på bloggen som det skal snø på.
MaxStep=2; // Maks steg i rørelsen.
MinStep=1; // Min. steg i rørelsen.
MaxFlake=12; // Maks størrelse på snøflakene.
MinFlake=4; // Min. størrelse på snøflakene.
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:#fff; 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) { // Starte om igjen fra toppen når midten nåes.
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>

// ]]>

#html #bloggkoder #bloggdesign #snø