Det finns otroligt många olika sätt att skapa popupfönster på, och jag ska se om jag kan förklara på något smidigt sätt hur man gör detta.

Gör så här:

1. Skapa en ny blogg, du kan kalla den för popup, eller nåt annat om du vill det.

2. Gå in i kodmallarna för den nya bloggen.

3. Ta bort all kod som finns mellan <body> och </body>, så det tillslut ser ut så här:

4. Klicka på Spara kodmall och gå till din vanliga blogg istället genom att klicka på Mitt konto uppe till höger.

5. Nu är frågan var du ska ha länken till själva popup-fönstret, men jag antar att de flesta vill ha den i menyn, så jag visar hur man ska göra för att lägga in det där.

6. Gå in i dina kodmallar för din vanliga blogg.

7. Klistra in följande kod innan </head>

<script language="javascript" type="text/javascript">
<!--
function popitup(url) {
	newwindow=window.open(url,'name','height=200,width=150');
	if (window.focus) {newwindow.focus()}
	return false;
}

// -->
</script>

8. Nu ska du bestämma storleken på fönstret som öppnas. Det gör du i följande del av koden:

newwindow=window.open(url,’name’,'height=200,width=150‘);

9. Nu är det dags att lägga in själva länken. Lägg in följande kod någonstans nedanför <div id=”side”>

<a href="adressen till din popup" onclick="return popitup('adress till popup')"&gt;Länktext</a>

10. Lägg in adressen till popupbloggen du skapade innan, i mitt fall så är det http://designadinblogg.blogg.se/pop
Den adressen ska du lägga in på två ställen. Sen ska du lägga in själv länktexten med, det gör du där jag har skrivit länktext.

<a href=”adressen till din popup” onclick=”return popitup(‘adress till popup‘)”>Länktext</a>

Om du har en egen domän, så måste du använda dig av gamla bloggadressen ändå, så det ser ut så här: http://dinblogg.blogg.se/popup

I mitt exempel, ser det ut så här nu:

<a href=”http://designadinblogg.blogg.se/pop/” onclick=”return popitup(‘http://designadinblogg.blogg.se/pop/’)”>Länk</a>

11. Nu är det dags att lägga in själva informationen som skall synas i popupen. Då går du tillbaka till din nyskapade blogg som heter popup. Gå in i dina kodmallar.

12. Nu skriver du din text med hjälp av html mellan <body> och </body>.
Hos mig ser det ut så här:

Lite enkla html-grunder har jag skrivit om här: [Länk]
Om du vill lära dig mer så kan du besöka webdesignskolan.

Nu så hoppas jag att ni är nöjda över detta inlägg. Meddela mig gärna om det funkar eller inte.

Om Lari

Lari Salminen har skrivit 877 inlägg.

Grundare av Designa Din Blogg. Jobbar heltid som brandman på Medelpads Räddningstjänstförbund och driver den här sidan på fritiden som en hobby.