Nu hade jag tänkt förklara hur man får mouseover-bilder i ett inlägg att fungera.

Först får du gå till kodmallen och klistra in föjlande kod precis nedanför </script> i alla kodmallar (d.v.s. Front page, Entry page, Category page och Archive page).
Markera koden nedan och tryck på ctrl+c för att kopiera.

<script LANGUAGE="JavaScript">
<!--
// This is the implementation of SimpleSwap
// by Jehiah Czebotar
// Version 1.1 - June 10, 2005
// Distributed under Creative Commons
//
// Include this script on your page
// then make image rollovers simple like:
// <img src="/images/ss_img.gif" oversrc="/images/ss_img_over.gif">
//
// http://jehiah.com/archive/simple-swap
//

function SimpleSwap(el,which){
el.src=el.getAttribute(which || "origsrc");
}

function SimpleSwapSetup(){
var x = document.getElementsByTagName("img");
for (var i=0;i<x.length;i++){
var oversrc = x[i].getAttribute("oversrc");
if (!oversrc) continue;

// preload image
// comment the next two lines to disable image pre-loading
x[i].oversrc_img = new Image();
x[i].oversrc_img.src=oversrc;
// set event handlers
x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');");
x[i].onmouseout = new Function("SimpleSwap(this);");
// save original src
x[i].setAttribute("origsrc",x[i].src);
}
}

var PreSimpleSwapOnload =(window.onload)? window.onload : function(){};
window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();}
//-->
</script>



Ladda upp de två bilder du vill använda och spara adressen till båda två.
Sen, när du har fått till det, går du till Skapa>Inlägg, skriver ditt inlägg (det behövs ju inte, men det är lättare att skriva inlägget så) och trycker sedan på Ändra redigerare nere i högra hörnet för att lägga till mouseover-bilden.

Koden som du ska använda är <img src="BILDADRESS" oversrc="BILDADRESS 2" border="0" /> och kom ihåg att du inte får trycka på Ändra redigerare igen efter att du har lagt in den koden, då funkar det inte. Du får istället trycka på Ändra redigerare när du ska skriva nästa inlägg.

Exempelbild: