Blogspot-tips: Bakgrunnsfarge på bloggen

bloggtips knappSom en del av bloggfikle-oppskriftene så føler jeg det nå er på tide å se på bloggbakgrunnene. Det finnes jo en rekke gratis bakgrunner man kan laste ned, men om man ønsker å lage bakgrunnene selv, så er det enklere enn man skulle tro.
Jeg starter med det enkleste først, en og tofarget bakgrunn. Tipsene her er ment for minima-malen.

Du kan med et enkelt trykk endre bakgrunnsfargen på bloggen din.
Gå til tilpass – utforming- skrift og farge
velge-farge-bakgrunn

Klikk der det står Bakgrunnsfarge for side (mulig du må klikke litt frem og tilbake mellom ulike alternativ for å få den til å “ta”), klikk så på en av fargerutene til venstre, eller lim inn egen fargekode (fargekoder finner du her). Lagre.

Nå har du fått bakgrunnsfarge på bloggen, men den legger seg over hele bloggen, slik som vist under til venstre.
a-bakgrunn
Dersom du ønsker å ha en farge på sidene av bloggen, og en bak selve tekstdelen av bloggen som vist over til høyre og i testbloggA så er det enkelt, du skal kun lime inn det som står i blått:

background: #FFFFFF;

#FFFFFF er selve fargen, dette er hvitt, men du kan fritt velge en farge fra fargevelgeren.
Denne koden skal limes inn i selve malen. Så gå til

Tilpass – utforming – rediger HTML
Skroll ned til du gjenkjenner teksten under, lim inn mellom linjene, lagre og du er ferdig!

kode-farget-hovedfelt

Som alltid setter jeg pris på tilbakemeldinger, spesielt dersom noen ikke riktig forstår, det er slik forklaringene kan bli bedre :)

Diverse

32 Kommentarer

[...] Bakgrunn på bloggen – en og tofarget bakgrunn (første alternativ i en serie jeg akkurat har startet) [...]

Neglecta

24 august 09

Jeg visste ikke engang at man kunne få to farger i minima – du bare øser og øser av kunnskapskilden din du! Kjempefint, takk! Nå gjenstår det bare å få testet ut farger og navigeringsknapper og alle de fine tipsene dine på testebloggen min. =o)

Anne

24 august 09

Faktisk blitt opslagsverket mitt du om jeg havner i blogg trøbbel :-) og trenger jeg en skulder å gråte på når blogspot ikke virker, er det sms til Petunia.
Vært mye trøbbel der den iste tiden vet du, google som har hikke sikkert.

Nabodama

24 august 09

Kjempeflott med disse pedagogiske how to-postene dine. Takk for det!

Anne

24 august 09

Takk for fine tilbakemeldinger :)
Håper dere forteller her om dere har fulgt tipsene da, det er så kjekt å se hva dere gjør med bloggene deres :)

Neglecta, det er mye du kan gjøre med bakgrunnen på Minima, jeg har allerede noen tips klare, og jobber med å finne andre måter å lage bakgrunner på. Egentlig kan man gjøre hva som helst, men da må man jo kunne å kode, det kan jo ikke jeg egentlig, så jeg må gjette og prøve og feile og søke ;)

Berit

25 august 09

Jeg er så glad for at du fortsetter med blogspot-tips sjøl om du har gått over til annen platform!
Du er oppslagsverk for meg også.

Jorunn

25 august 09

Takk for tipset Anne!
Har lest rask gjennom det, og prøver det ut senere på min nye testblogg.
Du er så snill, som bruker av din til å dele av din kunnskap.
Jeg har hatt stor nytte av det du har gitt av bloggtips.
Du forklarer så bra!:D)

hannebeate

25 august 09

Alt hva jeg lærer hos deg! Når dagene blir mørkere, og ruskeværet setter inn, så skal jeg kose meg med alle bloggtipsenen dine.

TurboLotte

25 august 09

Ja disse sidene er supre!!
Har også lagt inn noe på min prøve blogg anng bakgrunnsbilde man lager selv.. feel free, hvis det er noe du kan bruke senere.
http://myhredyret.blogspot.com/2009/02/tesing-background-design-again.html

Anne

25 august 09

Takk for det Turbolotte, akkurat det du har gjort der er det som er planlagt for neste post :) altså et bilde i bakgrunnen. Så tar jeg for meg tiling, også sitter jeg og undersøker hvordan legge inn tre bilder, (topp, bunn, bak) slik som på denne bloggen. Det er jo uendelig med muligheter, utfordringen er for meg å finne ut hvor jeg setter hva i malen.. et sånt html kurs hadde sikkert gjort seg, men jeg greier meg da på sett og vis ;)

Takk for alle gode ordene folkens, slikt varmer :)

Marit

25 august 09

Takk for inførende og godt forklart framgangsmåte. Du er en redningsbøye i jungelen av html-frustrasjoner. Jeg prøvde å legge inn menu-bar i bloggen min for noen uker tilbake med det resultat at alt gikk til hel..

Jeg vet det går an med menu bar i blogger også, har sett flere som har det. Har prøvd flere (ulike) framgangsmåter og nå har jeg nesten gitt opp. TurboLotte over her klart det. Tror sannelig jeg må fri til henne og høre hva hun har gjort … he he …

Det er så fint her inne hos deg, Anne. Siden din er skikkelig delikat og fin!

Klem fra Marit

Anne

25 august 09

Jeg regner med at du mener linjen med knapper øverst under bloggheaderen?
Se her: http://moseplassen.com/2009/08/navigeringsknapper-blogg-blogspot/

Det tredje alternativet er tilsvarende den som Turbolotte har.

juni

25 august 09

Så flott! Tusen takk:)
Nå har jeg testa, først på testbloggen og jeg fikk det til. Så gjorde jeg det på hobbybloggen min etter på.
Du har laget en kjempebeskrivelse.

Gleder meg til du kommer til neste post!

Anne

25 august 09

Gratulerer juni, det ble jo riktig fint :)

[...] er en av de tingene som er enklere enn man skulle tro. Jeg har tidligere skrevet om hvordan lage en enkel tofarget bakgrunn, nå skal jeg forklare hvordan lage og installere sin egen fancy bloggbakgrunn. Det vanskeligste [...]

Turid

23 oktober 09

Tusen takk til Anne for nyttige tips til bloggen min. Er så stolt nybegynner som har fått til større bredde på bloggen, og fått bildebredden i “header” til å passe. Takket være deg!

Anne

23 oktober 09

Så flott å høre Turid :)
Jeg synes det er supert når personer uten mye blogg eller dataerfaring får til å gjøre endringer med hjelp av gjennomgangene mine, det er jo nettopp for dere at jeg skriver de :)

Atina

1 januar 10

Hei, jeg er ny blogger og har funnet den fine bloggen din. Jeg har prøvd ut dette med to farger i bakgrunnen, det gikk greit, men hvordan får du hvit bakgrunn bare på postene slik du har?

Anne

1 januar 10

Atina, det er et godt spørsmål, som jeg dessverre ikke kan svare deg på. Denne bloggen er satt opp med wordpress, og er kodet av en proff. Det er mulig å sette opp tilsvarende begrensede felt også på blogger/blogspot, men hvordan det skal gjøres veit jeg dessverre ikke.

Atina

1 januar 10

Hei, etter litt prøving og feiling fant jeg ut at jeg la fargekoden inn under sidebar.widget, main widget. Da ble det slik: http://sommersted-helearet.blogspot.com/
Dersom jeg la det under post body ble det bare på innleggene. Fikk det ikke helt som jeg ville og er ikke sikker på om jeg vil ha det slik, men det ble da noe. Takk for fin side. Jeg følger deg, jeg :-)

Hei, tusen takk for en fantastisk pedagogisk blogspot veilednings hjelp…. Har brukt veiledningen din til å fikse 3- kolonner – det gikk gint. Ha også forsøkt å fikse bakgrunnsbildet , men øsnsker et farget felt foran, slik som du har her (det hvite). Kan du fortelle meg hvordan jeg skal gjøre det? Jeg kan sette inn et bakgrunnsbilde på html, men får ikke til å sette inn feltet foran…. Kan du hjelpe meg?

Anne

28 januar 10

Hei Ingrid Synnøve, veit du, du lurer på det samme som hun over fikk til :) titt på kommentaren hennes.

Jeg har skrevet om å legge fargefelt på bloggen her: http://moseplassen.com/2009/08/blogspot-tips-bakgrunnsfarge-pa-bloggen/

Husket bare ikke på det når hun spurte tidligere, så jeg ble så glad når hun fant ut av det selv.

Det du gjør er altså å legge inn koden jeg beskriver i blogginlegget i lenken, du kan legge inn på ulike steder, enten slik at hele main blir hvit, eller slik at de ulike kolonnene blir hvite.

Håper dette er til hjelp, beklager at jeg ikke har kapasitet til å gi deg mer detaljert forklaring for tiden :)

Gry Ingerø

10 februar 10

Hei

Flott at det er noen som er så flinke med blogger. Siden din er kjempe fin. Jeg er en av de nye bloggerne som da ville prøve meg med en helt hvir bakgrunn, men hos meg er det ikke noe som heter bakgrunnsfarge for side. Har du noe annet forslag for hva jeg da kan gjøre?

Gry

Anne

10 februar 10

Hei Gry :)
Aller først, denne siden her er ikke bygget opp med Blogger, den er på WordPress, men jeg har jo andre blogger som er på blogspot ja.

Du har ikke lagt igjen full adresse til bloggen din, så jeg ser ikke hvilken mal du har valgt, men feks Minima-malen er hvit bak, sånn helt av seg selv.

Bergen

10 februar 10

Takk for tipset. Det gikk jo greit. Jeg har lagd en sån med tre kolonner. Jeg lurer på hvordan kan jeg få en annen farge på de to side kolonnene på hver side?

Ukjent

12 februar 10

Takk for veldig gode tips

Jude

9 mars 10

Hei!
For en flott blogg med mange gode tips!! Jeg har fulgt oppskriftene dine og endret bredde på bloggen, fått navigeringsknapper og fått tofarget bakgrunn på bloggen. Supert!
Det jeg ser, er at bloggen bruker litt tid på å “ordne” denne bakgrunnen før den blir slik den egentlig er. Det ser altså ut som om bloggen har èn farge i begynnelsen, før den etter hvert får to farger. Er det noe jeg kan gjøre for å forandre på dette?

Judith

Anne

10 mars 10

Hei Jude, så hyggelig å høre at du har glede av bloggtipsene!
Dessverre så veit jeg ikke om noe lurt triks for å unngå at den først laster en bakgrunnsfarge så den andre. Det er sansynlig det går raskere å laste fargene om det er begrenset hvor mye annet som skal lastes, men dette er jeg slettes ikke sikker på. (ting som hentes fra andre nettsteder som feks “Live Traffic feed” sinker alltid lastingen) Bloggen din lastet fort og fint for meg nå iallefall

Jude

10 mars 10

Se på det! Det ble faktisk bedre når jeg fjernet live traffic feed! Tusen takk for god hjelp, igjen:)
Ha en strålende dag!

viola

12 mars 10

Du er en knupp! :) Takk og takk igjen, nå skal jeg prøve meg frem på testbloggen, med tofarget bakgrunn!! Artig!! :))

Marte

20 april 10

Jeg har ikke den bakgrunnsfargee for blogg knappen. hhmm. Hjelp? : )

Anne

21 april 10

hm. Det skal du egentlig ha. Om den ikke er der så veit jeg jammen ikke jeg, dessverre.

Legg inn en kommentar:


Navn/Name (required)


E-post (blir ikke publisert) (*)


Dersom du har blogg/ nettside



* E-postadresse vil ikke bli vist, og ikke gjort tilgjengelig for andre.
- Dersom det stilles spørsmål kan det hende disse besvares over epost isteden for i kommentarfeltet.
- Vil du ha et bilde av deg ved kommentaren? Skaff deg en Gravatar. Les mer om Gravatar her

* You may if you like leave me a comment in english, and Ill try to answer. Your email address will not be shown.