Klicka på texterna för att se koden.
Så här går det till på Bloggo-bloggen.
Efter inloggning, gå till inställningar, välj valfri HTML-kod. Under placering välj: Innanför HEAD-taggen. Klistra in koden:
▶ HTML-kod för snö
<script type="text/javascript"> Width =2000; // ange bredden på sidan som ska snöas inHeight =7000; // ange höjden på sidan som ska snöas inCount =150; // 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ö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å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); </script>
▶ Dagens Citat
<!-- Dagens citat, start -->
<div style="padding:5px; background-color:#ffffff; width:250px; border:1px solid #000000;">
<a href="https://www.dagenscitat.nu/" style="text-decoration: underline; color:#0042cc;"><strong>Dagens citat</strong></a>
<script type="text/javascript">
dc_clr_text = "#000000";
</script>
https://www.dagenscitat.nu/citat.js
</div>
<!-- Dagens citat - slut -->