Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse

Lägg in snö på din blogg (utan bilder)

Lägg in snö på din blogg (utan bilder)

(Skriver om det här inlägget då det gamla inlägget hade lite fel i koden.)

Om man vill skapa lite julstämning på sin blogg, så kan man lägga in lite snöflingor som dalar ner över bloggen.

Det här är faktiskt väldigt lätt att göra, och kräver inte så mycket jobb.

Vill du se ett exempel på hur det ser ut, så kan du kika här: Jag ser det snöar



bloggdesign avdelare



Gör så här:

1. Gå in i dina kodmallar.
bloggdesign designa din blogg ändra namn på länkar

2. Kopiera koden som är i rutan nedanför:

<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 =25; // 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:#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) { // 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>

3. Leta upp </head> och lägg in koden ovanför den raden.

Svårare än så är det inte.



bloggdesign avdelare



Grundare av Designa Din Blogg.
Drev den här sidan som ett hobbyprojekt under åtta år, numera har jag lämnat över ansvaret för DDB. Är pappa till Ludvig och make till Elin.

Läs mina andra inlägg

161 kommentarer


      1. Author
        Lari

        Man ska inte behöva göra det, utan koden skall ligga innanför

        &lt;head&gt;&lt;/head&gt;
      2. Emilia

        Jag får det inte att funka, jag provade först mellan <head och </head sen proavde jag efter </head men inget funkar…

      1. jennpenn

        jag får det faktiskt inte heller att funka.. och jag gör precis som det står. har alltid fått till detalla andra år, men inte nu, vad är det för fel? :/

  1. SvaraTherese

    Hejsan!
    Jag skulle göra texten på ett inlägg större,men jagmåste ha gjort något fel så nu är hela vår sida med kateorier,länkar och det borta.
    Vad ska man göra??
    Kan du hjälpa oss??

  2. SvaraErik

    men varför funkar det inte i head taggen som det ska? utan jag råkade utav misstag kopiera in texten under </head


    1. Author
      SvaraLari

      Jag testade att lägga in det på en ny blogg nu, kopiereade koden från detta inlägget, och la in den precis ovanför . Funkade hur bra som helst.

  3. SvaraTove

    Hej!
    Jag har kopierat snöflingekoden, men snöflingorna börjar om från början när och jag vill att dom ska gå hela vägen ner, hur gör man då? 🙂


    1. Author
      SvaraLari

      Om du kollar lite närmre i koden, de raderna som är först.. .så ser du att jag har lagt in lite kommentarer där.
      Du kan ändra vilken höjd du har på din sida. Grundinställningen är 2000 pixlar.

  4. SvaraMichelin

    Nä jag fixa inte snön.
    När jag väl lägger in koden så säger den ifrån att det inte fungerar.. Vet inte va de är som är galet..
    Skulle ju va fint med lite snö nu förstås..
    //Michelin

  5. SvaraLinnea

    Jag har redigerat min blogg men nu har mina mellanrum i inläggen börjat försvinna. 
    Alltså om jag vill att det ska se ”luftigt” ut och hoppar ned två rader blir det ihoptryckt i alla fall. 

    Jag förstår ju själv att det är jag som måste ha tagit bort något i kod- eller stilmallen men jag undrar om någon vet hur man fixar till det?

  6. SvaraMatilda

    Hej! Jag har ett problem, och jag vet inte riktigt vart jag ska skriva det, så det blir här. Jag vill ha en vit bakgrund till min meny, och har skrivit in det i stilmallen och allt, men bakgrunden är fortfarande svart! Jag har testat det mesta. Någon som kan hjälpa mig? 🙂

      1. Matilda

        Jag funderade på det också. Men jag vet ju inte vad jag har tagit bort eller ändrat i så fall. Jag skulle sätta in en ”Mix-pod playlist”, och när jag hade gjort det så var det svart bakgrund. Kan ju förstås ha kommit åt någon knapp så att jag tog bort något viktigt… 😮 :s


    1. Author
      SvaraLari

      I koden så finns det ett avsnitt som ser ut så här:

      visibility:hidden; color:#fff; font-weight:normal; font-family:Verdana;
      

      Om du vill ha en annan färg så ändrar du color:#fff; till en annan färg.

  7. SvaraElin

    Hej!, ! På min blogg är de gråa ramar runt alla bilder. Jag vill inte ha de. Nån som vet hur man kan ta bort dom? Tacksam för svar 🙂

  8. SvaraLovisa

    Jag hittar inte ens

    &lt;/head&gt;

    Är det det att det inte fungerar på blogg.se eller? För jag hittar det verkligen inte.. Har provat at skriva dit det själv oxå men det fungerade inte heller 🙁
    Snälla hjälp!

  9. SvaraSaga

    Hej! Det här handlar egentligen inte om snöflingorna utan jag har problem med att att arkiv, inlägg och kategorisidan inte ser likadana ut som framsidan. Jag förstår verkligen inte vad jag måste ändra eller varför det blir så. Enormt tacksam för svar. Mvh Saga

  10. SvaraLinnea

    det fungerar inte ska jag ta bort något eller lägga in något min kod mall ser ut så här:

    ${BlogTitle} – ${BlogDescription}

    och jag klistrade in det över sista gör jag fel? det fungerade inte!!

  11. SvaraOlivia

    Snöflingorna försvinner innan de har kommit längst ner på bloggen. Och jag har t.o.m ändrat 

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

    till

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

    Vad gör jag för fel??

  12. SvaraCarolin

    Jag har testat allt, har haft snöflingor förut på bloggen men då hämtade jag från någon annan sida men har inte kvar koden för den. Men denna kod fungerar inte ett piss på min blogg, och jag ser att jag inte är den enda som har problem med den. Vill gärna veta om det är något annat man kan testa, och någon som kanske vet BRA sidor att hämta koder ifrån till snö?!

  13. Svaraelin

    Kan du göra den större, den där man tar koden från? Jag ser inte vad det står och är därför inte säker på att jag har kopierat allt och det kanske är därför det inte funkar för mig och många andra? 🙂

  14. Svarasara

    Snälla!!! jag ser inte koden, den syns inte för mig! Kan någon kopiera koden och klistra in den här i en kommentar tro?? 😀

  15. Svarajulia

    Hej!
    Jag undrar om inte du kan ha en guide för hur man lägger till ”äldre inlägg” och ”nya inlägg” knappar längst ner på bloggen (antagligen typ footern)? Vore tacksam för det, eftersom att jag inte hittade det någonstans! 🙂

  16. Svaralaina

    Hejsan! Jag har oxå testat, men det funkar inte. Jag har testat att lägga den över och under. :/ Ngn som kan hjälpa?

  17. SvaraRebecca

    Hej, jag som väldigt många andra vad jag förstår, får inte det till att fungera. Är det tänkt att man ska ändra något i koden själv? Alltså göra radbrytningar och ta bort dina kommentarer, eller ska den funka som den är? För av bara förklaringen i detta inlägget får jag inte det till att fungera. Tacksam för svar för det är finfin snö 🙂
    Ha en trevlig kväll!

  18. SvaraDanne

    Det fungerar finfint, det svåra var dock att se koden i fältet så jag fick gå in i källkoden på exempelsajten och ta den. Sen spelar det ingen roll vart i koden ni kägger den då det är ett JavaScript, ingen META-kod. 😉 Tack

  19. SvaraMichelin

    Nä, jag hinner nog aldrig få några snöflingor på min blogg.. Kanske till våren och sommaren eller till nästa vinter.
    Jag får det inte att fungera..
    KRAM

  20. SvaraFIFFIFELICIAAAAAA

    amentjaaa! Det funker faan int för mej..  jag har gjort så som det står.. men nääääe, hjääääälp mej SNELLA 😀

  21. SvaraFIFFIFELICIAAAAAA

    amentjaaa! Det funker faan int för mej..  jag har gjort så som det står.. men nääääe, hjääääälp mej SNELLA? 😀

  22. SvaraChristina

    Hejsan

    Finns det någon kod så att det bli snö som i klumpar över ett inlägg tex om du förstår hur jag menar…

  23. SvaraAnna

    hej
    Jag har blogg på bloggplatsen.se och jag vet inte var man lägger den eftersom att blogg.se och bloggplatsen inte är likadant.
    jag testade att lägga in den på ett ställe och då blev bara allt helt vitt :S

  24. SvaraKarro

    Fungerar inte jag tror det kanbero på vad man väljer för ”fusk ”design för det var en annan sak som inte fungerade men sen när jag bytte design funkade det :S
    Ska testa för femte gången ;D

      1. tuna

        head står längst upp på kodmallen. Kopiera koden och klistra in den ovanför.
        Det är inte så svårt när man väl kommer p åde 😉

    1. SvaraJulia

      Det finns en ruta där man kan välja om man ska redigera kodmallen i arkivsidan, framsidan, inläggssidan eller kategorisidan. ”Rutan” finns precis över själva kodmallen, på högra sidan. Om man klistrar in koden i någon av dem också så kommer det synas där med 🙂

  25. SvaraEmilia

    Tänkte att man kankse skulle ta bort ”ange bredden…” och dem, så jag provade det ett tag men det funkade inte. HJÄLP mig. Vill gärna ha snöö 😉 Bra blogg annars

  26. Svaraida

    när jag klistar in den så står det bara : Det finns fel i kodmallen vilket gör att mallen inte publiceras korrekt
    HJÄLP MIG!

  27. SvaraLinn

    Hej jag undrar om du kan hjälpa oss. Vi är 2 stycken på en blogg, nu undrar jag hur man gör för att det ska synas vem det är som skriver, skulle vilja ha en rosa linje på varje inlägg när den ena skriver och en blå när den andra skriver, går det att fixa?
    Kram Linn

  28. SvaraSandra

    Tack , funka perfect ! 

    Ett tips för alla som det inte funka för : 
    Ta bort allt som dem har skrivit i koden så tror ja att det kommer funka 😉 

    det gjorde det för mej ! 😀 

  29. SvaraPitcy

    Hej, asså fattar inte, vilken kod? ska jag kopiera hela rutan? eller? fattar inte!!! snälla förklara lite nogrannare 😛

  30. SvaraSofia

    Hej! har ett stort problem! vilken kod? när man går in på de här inlägget så finns det ingen kod att kopiera! du måste fixa det. de här e det enda sättet att få snö på bloggen som jag inte har testat, och inget annat sätt funkar ju. SNÄLLA HJÄLP! jag vore JÄTTETACKSAMM för svar.

  31. SvaraMaja

    Asså jag vill byta bakgrundsfärg på bloggen men VET EJ HUR MAN GÖR!PLZ HJÄLP MIG!Bakgrunden är vit så dom syns ju ej!

    1. SvaraSkalman

      Längst up i stilmallens kod står det ”body”,,, straxt under det står det ”background: ???;”

      skriv där frågetecknen är  vilken färg det ska vara på bakgrunden på engelska

      exempel:

      background: red;       <— Ger röd bakgrund
      background: blue;       <— Ger blå bakgrundbackground: pink;       <— Ger rosa bakgrundbackground: purple;       <— Ger lila bakgrundbackground: green;       <— Ger grön bakgrund
      background: yellow;       <— Ger gul bakgrundbackground: white;       <— Ger vit bakgrundbackground: black;       <— Ger svart bakgrund

      o.s.v.

      Hoppas det hjälper 😀

    1. SvaraSkalman

      om du kollar i koden för snöflingorna så hittar du snart där det står ”color: #fff;” …
      byt ut ”#fff” till valfri färg

  32. Svaraylva

    heej jag har en blogg på bloggplatsen och ska skaffa en på devote tror jag kan man göra snöflingor där med för dt finns ju ingen kodmall om man har på bloggplatsen eller devote.

    skulle bli väldigt glad och du svarade.

  33. Svaranicolina

    Hej

    Jag har gjort en blogg i bloggplatsen
    men varför har den inte kodmallar????
    Jag msåte skriva in HTML kod i menyavdelningar
    och det blir fult..

    Svara snälla nån skriva i bloggen

  34. SvaraAnton

    då in på kodmallen sen hittar du klistra in koden under

    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

    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("•”);

    }

    function animate() {

    for (i = 0; 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);

  35. Svaranora lund marczak

    jag vill ta bort. men vill inte trycka på återställ för jag har saker jag vill ha kvar. och jag har försökt att ta bort koden men jag hittar inte den… så hur ska jag göra. behöver ett svar så snabbt som möjligt 🙂

    1. SvaraA

      Byt ut färgkoden ‘fff’ som står efter color:#fff

      document.write(&quot;&lt;div id='Obj&quot; + i + &quot;' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#fff; font-weight:normal; font-family:Verdana; font-size:&quot;+StarSize[i]+&quot;pt'&gt;•&lt;/div&gt;&quot;);
      }
      
  36. Svaralilllinastudsarsomenget

    Jag hade snön först , och sen när det inte var vinter/jul längre så har jag bytt ”grejj” och färg på det som faller ner. Så nu har jag massa gula smileysar som ringlar ner , me like ! 😉

  37. SvaraJennifer

    DET HAR HÄNT NÅT JÄTTEKONSTIGT! JAG SKULLE TA BORT SNÖN MEN RÅKADE TA BORT NÅT ANNAT SÅ NU SER DET INTE KLOKT UT PÅ FRAMSIDAN! 🙁

  38. SvaraFrida

    det funkar inte för mig, har provat under head och över , jag har provat löv också , då man sätter in bilder, men det funkar inte heller 🙁 varför ?

    1. SvaraOliiwia

      Du kopierar detta:

      Width =1000; // ange bredden på sidan som ska snöas in…Height =2000; // ange höjden på sidan som ska snöas in…Count =25; // antal snöflingor OBS! ange inte för stort antal!MaxStep=3; // max steg i rörelsenMinStep=1; // min steg i rörelsenMaxFlake=10; // max storlek på snöflingaMinFlake=4; // min storlek på snöflingaPosX = 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("•”);}function animate() {for (i = 0; i Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nåsPosX[i] = Math.random()*Width; ///2PosY[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);

      Och lägger det ovanför:  
      I KODMALLEN! Om det inte fungerar, så vet jag inte felet..

  39. SvaraJaag (Jonna)♥

    Skulle man kunna ändra så det är typ hjärtan eller stjärnor som faller istället för snöflingor? Och ändra färg på dom? 🙂 

    Tack i förväg!

    // Jonna 

  40. SvaraLinnea

    Funkar det bara på blogg.se ? För jag har bloggspot … Om de inte går , finns de nån annan då ? 

    Tack för svar 🙂

    //Linnea

  41. SvaraAlva

    Hej! Har haft snön på bloggen ett tag nu, men nu vill jag ta bort det. Men det går inte!! Jag har tagit bort själva koden men det försvinner inte!?! HJÄLP! Din blogg är jättebra och det är sällan någonting inte fungerar! 😀

    1. SvaraStranger

      Gjorde du som det står i detta tutorial? Lade du in det mellan

      <head>
      Här ska du lägga in koden.
      </head>
      

      ?

  42. SvaraNadja Losman

    bloggen blev as stor/bred man kan bleddra jätte långt på bredden! Kolla bara! http://nadjalosman.blogg.se/

Kommentera

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

OBS! Om du skall skriva kod måste du göra på följande sätt: [code]Din kod här[/code]

Genom att använda DDB, godkänner du användning av cookies. mer info

Denna sajten använder cookies för bästa användarupplevelsen. Genom att använda sajten accepterar du att cookies används.

OK