Jennys Modemix

I min blogg kan ni hitta allt som har med mode och göra - shoppingtips, smycken, väskor och en STOR förkärlek till SKOR. Ni hittar även bloggtips, bloggdesign och mycket mycket mer.

Reklam vid sidan om bloggen

Publicerad 2009-09-12 18:34:01 i BloggTips

Jag har alltid velat att reklamen ska vara på sidan om bloggen. Och har provat mig fram till det nu. Efter många om och men så gick det. Koderna o siffrorna är de som jag har på min blogg, passar inte de eran blogg så är det bara byta ut mot en annan siffra.


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


Gå in i din stilmall


Leta upp kodavsnittet som heter #wrapper


♥ Kolla efter stycket som heter position.

Om det finns, så skall du ändra värdet till absolute;
Lägg dessutom till left:10px; talet bestämmer hur långt ut från vänster kant bloggen ska ligga

Om det inte finns någon, så ska du lägga till följande:
position: absolute;
left: 10px;



Nu ska du lägga in en kod i din stilmall som anger på vilken sida du vill att annonserna ska var på. Jag utgår ifrån min blogg.
Bredden på kolumnen beror på hur breda annonser du skall ha.


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

Koderna är de som jag själv har på min blogg, ni får ändra så det passar på eran egen.

div#ad2 {
width: 250px; ♥bredden på själva kolumnen♥
position: absolute;
left: 830px; ♥hur långt från vänster kant  kolumnen ska ligga♥
margin-top: 10px; ♥avstånd från kanten högst upp♥
}



Nu ska du lägga in koden som aktiverar kolumnen i sig. Så gå in i dina kodmallar.

Du ska nu lägga till följande kod längst ner precis innan </body>


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


När du har gjort det, så lägger du in koderna för reklamen du vill ha.

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

<div id="ad2">
<script type="text/javascript">
var uri = 'http://impse.tradedoubler.com/imp?type(img)g(583137)a(1696630)' + new String (Math.random()).substring (2, 11);
document.write('<a href="http://clk.tradedoubler.com/click?p=11612&a=1696630&g=583137" target="_BLANK"><img src="'+uri+'" border=0></a>');
</script>
<br />
ex; hur koden kan se ut för o visa reklam
</div>
</body>
</html>


Vill du ha reklamen på alla dina sidor måste du lägga till koden i alla kodmallar.
Så nu är det klart.

Kommentarer

Postat av: JUNITJEJ

Publicerad 2009-09-13 08:07:26

Vilken snygg blogg!

Postat av: paulina

Publicerad 2012-07-18 19:59:31

jättebra tips :)

Kommentera inlägget

Publiceras ej

Om

Min profilbild

SweetnCute

I min blogg kan ni hitta allt som har med mode och göra - shoppingtips, smycken , väskor och en STOR förkärlek till SKOR. Ni kan även hitta bloggdesign hjälp & tips, ladda ner gratis bloggdesign, beställa personliga bloggdesign och mycket mycket mer

Senaste inläggen

Kategorier

Arkiv

Prenumerera och dela