Låt oss börja?

Först av allt måste du logga in på din Blogger-instrumentpanel. Detta kan göras snabbt genom att besöka din blogg och sedan klicka på "Logga in" länken.

Ett bra trick är att ha ditt Gmail-konto redan inloggat på en annan flik.På det sättet, när du klickar på "Logga in" länken, är Blogger medveten om att du redan är inloggad på ditt Google-konto och skickar dig direkt vidare till din dashboard sida. Bonus!

Nu gå vidare till din layout genom att klicka på "Layout" länken på Blogger-instrumentpanel sidan. Layout sidan kommer att se ut ungefär så här beroende på vilken mall du kör.

Det sätt Blogger och Wordpress hanterar sidlayout är mycket lika. De av er som arbetar med båda kommer att vara riktigt bekanta med ovanstående sida.

Ditt nästa steg blir att lägga till en "gadget". Jag vet, beskrivningen saknas i bästa fall, men det är Googles "branding" och att upprätthålla det centrala varumärkes budskap är mycket viktigt för stora företag, såsom Google. Vi kommer att ignorera irritationen för nu - vänta vem försöker vi lura? Vi kommer att ignorera det för alltid.

När du trycker på "Lägg till en Gadget" knappen, välkomnas du med denna fantastiska popupmeny där du kan välja exakt vad du vill.

För våra syften i dag, kommer du att välja "HTML / JavaScript" i menyn, men du kanske vill (någon gång) överväga att lägga i flöden som vi erbjuder via Feed valen ovan.

När du väljer "HTML / JavaScript" kommer det upp två fält, Rubrik och innehåll. Om du skriver in något i titel avdelningen kommer det att visas som på din blogg som rubrik för din banner, så i vissa fall kanske du vill sätta ordet "Annons" som titel. Jag har dock alltid lämnat det tomt eftersom jag inte tycker om märkning av min reklam - så att säga. Att lämna titel fältet tomt är inget problem.

Och nu för den super viktiga biten: att sätta i din unika kod. För att göra detta måste du välja vilken banner du vill köra och sedan använda koden baserad på kampanjen. Låt mig visa dig hur.

Först logga in på www.lottarewards.com och välj sedan Banners från Verktyg menyn. Du kommer nu att kunna välja vilka typer av banners du vill se med hjälp av radio "dials" och rullgardinsmenyerna tillgängliga. Jag rekommenderar att använda roterande banners om möjligt. Med roterande banners kommer du aldrig att behöva ändra koden för att ändra en bild.

Ovan är hur man väljer roterande grupp

Ovan är ett exempel på en banner. Klicka på "Download" för att få banner koden kommer att medföra följande fönster

Ovan: konto och kampanj väljare

När du har valt konto och kampanj, klicka på "Välj"-knappen vilket kommer att producera en nedladdning av textfil. Ladda ner den och öppna filen. Öppna den med Anteckningar är det säkraste alternativet eftersom Word tenderar att vilja formatera saker utan att berätta om det.

Nu ska vi sätta koden i arbete. Kopiera hela delen av koden från filen du öppnat (CTRL + A = markera allt, Ctrl + C = Kopiera) och klistra sedan in den i bloggare "content"-fältet (CTRL + V = klistra in). Det kommer att se ut som följer:

Ta en titt på koden, vi kan se att det är all kod eftersom den börjar med "" Fliken öppnas därför och stängs. Bra! Klicka nu på Spara knappen och din banner kommer att sparas till din blogg sida.

Banner Beställning

Så nu har du tagit en titt på din blogg sida och är inte helt nöjd med platsen där bannern visas. Till exempel så vill du att den ovanför mitten så att den kan ses så fort en besökare ser din sida. Låt oss ta en titt hur vi kan råda bot på detta.

I följande skärmdump kan du se standard layouten av min blogg för tillfället. Du kan också se att jag är att drar HTML/JavaScript föremål med min mus. Så enkelt är det. Dra objektet du vill flytta och släpp det där du behöver det. Efter det, spara helt enkelt ändringar du gjort till din sida och Bang - din blogg layout är nu precis som du vill ha den.