Här kommer lite blogg tips ifrån kungahuset för hur man lägger in sin google AdSense banner i perfekt absolute position i header direkt efter sin logo titel. Eller var du önskar att den ska ligga i perfekt läge. Har strulat själv och haft många grubblingar för hur man ska lösa detta.
Har försökt många metoder, och har även försökt lägga in min AdSense kod direkt i header. Men då brukar man få AdSense bannern ovanför url titeln och ej i perfekt absolute position.
I vårat exempel som kommer här nedan så kan du justera din AdSense banner till vilken position du önskar i header. Och då utan att header blir större eller att något blir fel. Men visst kan det bli en del konflikter i en del theme, men tror detta funkar i dom flesta theme.
Se våran AdSense banner i våran header den ligger i perfekt position och inget extra utrymme har blivit eller att header blivit större av något slag.
Öppna din header.php och sätt in dessa kodsnuttar nedan så ska detta bli hur perfekt som helst. Precis som våran google AdSense banner i våran header.
Ok here we go!
Har du öppnat din header.php i din Theme map?
Leta nu efter dessa kodsnuttar. Det brukar se ut så här.
<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html>
<head>
Hallå! Precis här ska du lägga in den första koden som följer nedan.
<style type=”text/css”>
p.pos_absolute
{
position:absolute;
top:10px;
right:130px;
}
</style>
Nu är denna kod snutt en kopia av våran header som funkar bra med våran theme. Men väljer ni en annan theme så måste ni justera lite för höjd och bredd för bannern.
top:10px; Detta är höjden dvs slutet av din skärm om man för göra detta enkelt.
right:130px; Detta är hur nära ni vill att den ska komma erat titel namn. Desto högre tal ju närmare vänster blir det.
Ok! Detta var ju hur enkelt som helst, eller hur?
Nu till den andra kodsnutten som du ska lägga in din google AdSense kod.
Denna kod ska in i body, med detta kan man strunta i. Gör som jag, jag la denna i header precis under den andra kodsnutten ovan.
<p class=”pos_absolute”>Här skriver du din google AdSense kod</p>
Ok då har vi den hela koden precis som den ska vara här nedan och den ska in precis under <head>
<style type=”text/css”>
p.pos_absolute
{
position:absolute;
top:10px;
right:130px;
}
</style>
<p class=”pos_absolute”>Här skriver du din google AdSense kod</p>
När ni nu har lagt i denna kod här ovan inklusive eran google AdSense kod i eran header.php så ska ni få en banner som har samma stil som på våran banner här ovan. Visst var det superenkelt?
Sedan är det bara att justera hur man vill ha denna. Om du vill att google AdSense bannern ska flyta på skärmen som många stora sidor som aftonbladet.se har så ska du byta ut alla absolute till fixed istället.
Då får du en banner som följer med när man scrollar ned sidan. Du får en banner som alltid finns i skärmen. Men det kan ju vara bra om ni byter ut bannern till en Tower banner då istället.
Men jag är inte helt 100 på om detta är godkänt av google AdSense med en fixed banner. Men tror att detta ska vara ok?