Om du inte vet vad mouseover betyder så kan ja tala om att det är när man håller musen över ex: en bild så ändras den till en annan bild.


1. Gör iordning två bilder. Va noga med att de är lika stora! Om du vill ha "tillbaka till startsidan!" vid mouseover så använder du samma bild som den utan mouse over och skriver bara dit texten där du vill ha den.

2. Ladda upp båda bilderna. Högerklicka på dom ( var och en för sig så klart) och välj "öppna fil i nytt fönster".

3. Lägg in förljande kod innan </head>.

<script LANGUAGE="JavaScript"><br />
<!–<br />
// This is the implementation of SimpleSwap<br />
// by Jehiah Czebotar<br />
// Version 1.1 – June 10, 2005<br />
// Distributed under Creative Commons<br />
//<br />
// Include this script on your page<br />
// then make image rollovers simple like:<br />
// <img src="/images/ss_img.gif" oversrc="/images/ss_img_over.gif"><br />
//<br />
// http://jehiah.com/archive/simple-swap<br />
//</p>
<p>function SimpleSwap(el,which){<br />
el.src=el.getAttribute(which || "origsrc");<br />
}</p>
<p>function SimpleSwapSetup(){<br />
var x = document.getElementsByTagName("img");<br />
for (var i=0;i<x.length;i++){<br />
var oversrc = x[i].getAttribute("oversrc");<br />
if (!oversrc) continue;</p>
<p>// preload image<br />
// comment the next two lines to disable image pre-loading<br />
x[i].oversrc_img = new Image();<br />
x[i].oversrc_img.src=oversrc;<br />
// set event handlers<br />
x[i].onmouseover = new Function("SimpleSwap(this,’oversrc’);");<br />
x[i].onmouseout = new Function("SimpleSwap(this);");<br />
// save original src<br />
x[i].setAttribute("origsrc",x[i].src);<br />
}<br />
}</p>
<p>var PreSimpleSwapOnload =(window.onload)? window.onload : function(){};<br />
window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();}<br />
//–><br />
</script>



4. Gå in på  kodmallar. Leta upp stycket <div id="header">.  Under det stycket ska du sätta in följande kod:
<a href="DIN BLOGGS LÄNK"><img src="KODEN TILL BILDEN SOM SYNS UTAN MOUSEOVER" border="0" oversrc="KODEN TILL BILDEN SOM SYNS MED MOUSEOVER" border="0"></a>

5. Tryck på spara kodmall. Klart!



Du kan även ha andra bilder med mouseover, t.ex din profilbild. Det gäller bara att lägga in koderna på rätt ställe och ha rätt länkar till bilderna.