Ja, nu ska vi se om jag inte kan få till det här inlägget som precis alla vill ha, nämligen hur man lägger upp reklamen på sidan av sin blogg.

Det finns lite saker att tänka på dock, som jag kommer att förklara bättre längs vägen. Man måste ha bloggen på sidan, det går inte att ha den i mitten som många har, för då kommer du aldrig att få plats med reklamen om det är en besökare som har en upplösning som är relativt låg. Det kanske ser bra ut på din dator, men troligtvis så ser det inte bra ut på andras datorer.

Detta är något som jag inte har testat i precis alla stilmallar, så jag kan inte garantera att det kommer fungera för alla, det beror nämligen lite på hur mycket ni har ändrat i era stilmallar och kodmallar med.

Men, jag ska göra mitt bästa för att guida er genom det här.

Detta är det jag ska förklara:

bloggdesign designa din blogg blogghjälp lägga in reklam tjäna pengar affiliateprogram affiliator reklam sidan

Det första du måste göra är att flytta din blogg till vänster.

1. Gå in i din stilmall

designa din blogg guide design blogga bakgrundsbild lägga in

2. Leta upp kodavsnittet som heter #wrapper

bloggdesign designa din blogg blogghjälp lägga in reklam tjäna pengar affiliateprogram affiliator reklam sidan

Kolla om det redan finns en kodrad i det stycket som heter position.
Om det finns, så skall du ändra värdet till absolute;
Lägg dessutom till left:10px;

Om det är så att du inte har en rad som heter position, då ska du lägga till följande:

position: absolute;
left: 10px; <——– Det talet bestämmer hur långt ut från vänster kant bloggen ska ligga.

3. Nu ska du lägga in en grej i din stilmall som anger var dina annonser ska ligga på sidan. Det vi gör är att vi skapar en kolumn till höger om din blogg. Bredden på den beror på hur breda annonser du skall ha.

bloggdesign designa din blogg blogghjälp lägga in reklam tjäna pengar affiliateprogram affiliator reklam sidan

Lägg till följande kod längst ner i din stilmall:

div#ad2 {
width: 250px; <—– Där anger du bredden på själva kolumnen, anpassa det efter bredden på din reklam.
position: absolute;
left: 730px; <—- Här anger du hur långt från vänster kant av browsern kolumnen ska ligga.
margin-top: 10px; <—- Om du vill ha lite avstånd till kanten högst upp så lägger du till den raden.
}

Om reklamen du lägger in i kolumnen är bredare än bredden du har angett i koden, så kommer allt att hamna under bloggen. Skulle det hända, då måste du öka värdet på width: 250px;
Om det är så att reklamen lägger sig lite fel i sidled, så är det left: 730px; som du ska ändra. Om du vill ha reklamen längre till höger, ökar du på värdet, och om du vill ha det längre åt vänster, så minskar du värdet.

4. Nu ska du lägga in koden som aktiverar kolumnen i sig. Så gå in i dina kodmallar (1 & 2 i bilden).

bloggdesign designa din blogg blogghjälp lägga in reklam tjäna pengar affiliateprogram affiliator reklam sidan

Du ska nu lägga till följande kod längst ner i koden precis innan </body> (Nr. 3 i bilden)

<div id="ad2">
</div>

När du har gjort det, så lägger du in koderna för reklamen som du hämtar på din sida på ditt affiliateprogram, t ex Tradedoubler, Double, eller Adoperator.

Så, det ska alltså se ut så här sen:

<div id="ad2">
Koden för reklam 1
<br />
Koden för reklam 2
<br />
Koden för reklam 3
</div>
</body>
</html>

Om du sen vill ha reklamen på alla dina undersidor med, då måste du lägga till koden i samtliga kodmallar. Du hittar de andra kodmallarna i rullgardinen som finns uppe till vänster (Nr. 4 i bilden)

Nu har du lärt dig hur man lägger in reklamen på sidan av bloggen, jag hoppas att alla lyckas med detta.

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.