Testblogg 1 - Fallande snö på bloggen

Fallande snö är något som många av er gillar att ha på bloggen, men det är ju väldigt säsongsbetonat. Så, jag tänkte att man kunde kanske lägga in fallande hjärtan istället och hittade ett script som gick att använda sig av.

Här kan ni se ett exempel på hur det ser ut: Fallande hjärtan på din blogg

Det är inte alls svårt det här, bara följ punkterna nedan.

1. Kopiera följande kod:

<script type="text/javascript">//

/*

Snow Fall 1 - no images - Java Script

Visit http://rainbow.arch.scriptmania.com/scripts/

for this script and many more

*/

// Bestäm antal hjärtan (mer än 35 är inte att rekommendera)

var snowmax=35

// Bestäm färgen på hjärtan, du kan välja många färger

var snowcolor=new Array("#FC7E7E","#FF1F1F","#CD0E0E","#F990BB")

// Bestäm vilka typsnitt som skall användas, du kan välja många olika

var snowtype=new Array("Times","Arial","Times","Verdana")

// Vill du ha något annat än ett hjärta så kan du ändra det här (bara tecken, inte bilder)

var snowletter="&hearts;"

// Bestäm hastigheten på hur snabbt dina hjärtan ska falla (0.2 - 2)

var sinkspeed=0.6

// Bestäm största storleken på dina hjärtan

var snowmaxsize=30

// Bestäm minsta storleken på dina hjärtan

var snowminsize=8

// Set the snowing-zone

// Set 1 for all-over-snowing, set 2 for left-side-snowing

// Set 3 for center-snowing, set 4 for right-side-snowing

var snowingzone=1

///////////////////////////////////////////////////////////////////////////

// ÄNDRA INGET NEDANFÖR DESSA RADER

///////////////////////////////////////////////////////////////////////////

// Do not edit below this line

var snow=new Array()

var marginbottom

var marginright

var timer

var i_snow=0

var x_mv=new Array();

var crds=new Array();

var lftrght=new Array();

var browserinfos=navigator.userAgent

var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)

var ns6=document.getElementById&&!document.all

var opera=browserinfos.match(/Opera/)

var browserok=ie5||ns6||opera

function randommaker(range) {

rand=Math.floor(range*Math.random())

return rand

}

function initsnow() {

if (ie5 || opera) {

marginbottom = document.body.scrollHeight

marginright = document.body.clientWidth-15

}

else if (ns6) {

marginbottom = document.body.scrollHeight

marginright = window.innerWidth-15

}

var snowsizerange=snowmaxsize-snowminsize

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

crds[i] = 0;

lftrght[i] = Math.random()*15;

x_mv[i] = 0.03 + Math.random()/10;

snow[i]=document.getElementById("s"+i)

snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]

snow[i].size=randommaker(snowsizerange)+snowminsize

snow[i].style.fontSize=snow[i].size+'px';

snow[i].style.color=snowcolor[randommaker(snowcolor.length)]

snow[i].style.zIndex=1000

snow[i].sink=sinkspeed*snow[i].size/5

if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}

if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}

if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}

if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}

snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)

snow[i].style.left=snow[i].posx+'px';

snow[i].style.top=snow[i].posy+'px';

}

movesnow()

}

function movesnow() {

for (i=0;i<=snowmax;i++) { crds[i] += x_mv[i]; snow[i].posy+=snow[i].sink snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px'; snow[i].style.top=snow[i].posy+'px'; if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){

if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}

if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}

if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}

if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}

snow[i].posy=0

}

var timer=setTimeout("movesnow()",50)

}

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

document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")

}

if (browserok) {

window.onload=initsnow

}

</script>

2. Gå in på din blogg och gå in under dina kodmallar.

3. Klistra in koden du kopierade nyss precis ovanför kodraden </body>

4. Nu finns det ett gäng med saker du kan ändra om du vill, och de hittar du i den övre delen av koden. Jag har skrivit in kommentarer på varje sak du kan ändra.

Svårare än så är det inte… testa och se!