Ändra Bakgrund På Din Blogg

Ändra bakgrund på din blogg

Hur gör man när man vill ändra bakgrund på sin blogg? När man ändrar sin blogg design krävs inte mycket kunskap om CSS eller HTML om du bara följder dessa enkla steg.

Gå in  under Design och sedan Redigera stilmall

Vad vi ska leta efter här är en tagg som heter "body" och attributet "background".

Enligt bilden ovan så är bakgrunden satt att vara helt vit. Vill vi ändra färg kan vi enkelt göra det genom att ändra den hex-kod som definierar färgen.

Om vi t.ex. vill ha en svart bakgrund så ändrar vi "#fff" till "#000000".

Men om vi nu vill ändra bakgrunden till en bild så måste vi ändra lite i koden.

Istället för bara en färgkod sätter vi dit en bit som anger vilken bild som vi ska använda och på vilken sida den ligger.

body {

background: url(http://www.bild.se/bild.jpg);

}

Gör bilden som ligger på adressen www.bild.se/bild.jpg till bakgrund. Om du har en egen bild som du vill använda så kan du lägga upp den på vissa bildhosting tjänster som t.ex. http://www.tinypic.com.

Om du sparar din stilmall så ser du att bilden har blivit bakgrund, men att den kanske inte blir som du trodde. När du anger bakgrunden så repeteras den över hela din blogg. Om du inte har ett mönster som blogg bakgrund så kan det lätt bli fel.

För att ändra detta måste vi lägga till ännu en rad i "body" taggen.

 

Att lägga till "no-repeat" gör att bilden inte repeteras över hela din blogg utan stannar längst upp i högra hörnet och visas endast en gång.

 

Kommentarer

Hjälp snälla!

Jag vet hur man gör när man ska byta bakgrund och så och jag gjorde det för inte så länge sedan men sen ville jag byta igen och då funkade det inte det blev bara helt vitt! vet du vad som är felet??

 

jätte jätte tacksam för svar!!=)<3

 

Hej snalla Blogg

Hej snalla Blogg hjalp!

Tycker allt detta ar mkt intressant och valdigt roligt att man som nyborjare kan prova sjalv.

 

Mitt problem ar att nar jag forhandsgranskar sa ser det jattebra ut men trots att jag har uppdaterat mina andringar, sparat dem och provat det mesta sa syns inte andringarna nar man gar in pa min blogg.

http://www.johannamoss.blogg.se

Nar man loggar in sa syns min gamla gratis design, svart med rosa blomma. Den nya som jag andrat till, som kommer upp pa forhandsgranska ( i redigera stilmallen) ar vit och snygg med min egna bild. Hur kan jag fa den att bli publiserad?

 

Tacksam for hjalp!

 

Jag skulle behöva hjälp med

Jag skulle behöva hjälp med min bakgrungdsbild och det är att den upprebar sig även fast jag har skrivit     repeat;    vill att det bara ska var en stor bild

Mvh Johan

help!

hej, tack för innan. jag kunde ändra header'n men, hur skall jag veta vilken kod jag skall skriva om jag vill ändra färg..eller hur skall jag veta vart jag skal ändra det? typ.. hur skall jag veta vad wrapper margin eller padding betyder??

hjälp...skriv et mail satt jag fattar

tack..

help!

hej, tack för innan. jag kunde ändra header'n men, hur skall jag veta vilken kod jag skall skriva om jag vill ändra färg..eller hur skall jag veta vart jag skal ändra det? typ.. hur skall jag veta vad wrapper margin eller padding betyder??

hjälp...skriv et mail satt jag fattar

tack..

thx

HEJ. TACK SÀ MKT. DET GICK. JAG SKICKAR MIN BLOGG ADRESS SÀ AT DU KANN SE HUR DET GÀR FÖR MIG. MEN JAG KOMMER ANDVÄNDA DEN HÄRA SIDAN MKT TILL.. MEN TACKAR. DET FUNKA MED HEARDERN!! TAK!

DENNA SIDA ÄR VÄLDIGT BRA OCH DEN KANN JAG REKOMENDERA OM!! TACK TACK OCH TACK!

KRAM

BROKEN LEGINS

hjälp mig da!

vrf hjälper mig ingen?? jag vill ha det förklarat nu!! fattar ni inte?' sorry..jag är lite arg just nu..men ta det int epersonligt

förklara engàng til..men nu.. inte en dag senare.. nu! pls...please..

jag màsste leta up.. och sen när jag har hittat det skall jag skriva in bildadressen jag har sparat..ok.. HAr jag gjort nu.. och sen!!!!!??? ok..dà gàr jag pà min blogg igen.. laddar om nytt och!........................................................................

det är likadant som innan!!

jag är skit sur pà min blogg..inte pà er..pà mig och min blogg som inte ser no bra ut... http://brokenlegins.blogg.se/index.html

det är min blogg.. hjälp

INGET FUNGERAR!

INGET FUNKAR. INGENTING! JAG FATTAR INTE! SÀ KOMPLICERAT..MIN SIDA ÄR SÀ TRÀGIG. HUR SKALL JAG ÄNDRA BAKGRUNDS BILD!?

JAG HAR PRECIC GJORT SOM DU SA, MEN DET GÀR EJ.=(.... FÖRKLARA OM DU ÄR SNÄLL ENGÀNG TILL, MEN SNÄLLA SNÄLLA DU, LITE MER FÖRSTÀNDLIGARE. TACK SÀ MKT!

Bloggbakgund!

jag har försökt säkert 10 ggr att ändra bakgrundsfärg på min blogg, men den vänder bara på allt av sg själv. den lägger menyraden på felseda och allt är bara vitt jag blir galen! hur ska jag göra, tacksam för svar:)

jag gör nog fel med bakgrunden

hej!

jag har lite problem med min bakgrund,

jag har laddat upp en bild på tinypic, ( http://i49.tinypic.com/2zdvlgl.jpg )

men när jag klistrar in den där man ändrar bakgrund, så blir det bara vitt och jag hade svart innan !

 

hoppas du vet vad jag har gjort för fel :)

 

kram jossan!

Troligen har du glömt att

Troligen har du glömt att lägga in ; på slutet
klistra in detta
background: url(http://i49.tinypic.com/2zdvlgl.jpg) repeat;

Mitt första blogg inlägg!

Mitt första blogg inlägg! Trevligt trevligt. Vet inte hur man ska skriva o så riktigt, men man vänjer sig väl förhoppningsvis. Jag bor i vargön iallafall. 19 år. Bor i en liten etta själv. Rätt mysigt:) Inatt sover min lillasyster här med mig. Tycker det är så läskigt att sova själv. Imorgon ska jag på praktik, Järnhandeln. Jätte bra ställe:) Det får räcka för idag:P Ha det bra

Texten

Bakgrunden fungerade fint, men som du ser nu är min text över hela sidan. Vill gärna ha det centrerat till det beiga i mitten, om du förstår vad jag menar? Tacksam för svar! Har även en fråga om headern. Om man har en egen bild man vill använda, hur fungerar det då? Tacksam för svar!

Header

Hejsan

Har förjt dina anvisningar om hur man byter bakgrunds färg.
Har bytt min till vit nu, men min Header försvann ?

Vad är felet? ;s

Det ända som jag ändrade var färgkoden..

Och så tänkte jag om du kunde förklara lite snabbt hur man ändrar Typsnitt och färg på texten?
Har kollat lite på denna sida och inte hittat någonting om det :P

 

BTW. jätte bra guider och sånt :)

hur gör man -+ jah vill ha en

hur gör man -+

jah vill ha en rosa bakrund o min e vit hur byter man ?

Prova med det här...

Om du vill ha en Rosa bakrund vet jag vad du kan göra...

Alltså du skulle kunna söka på gratis bloggdesign på google då kommer det upp massor av fina,

 men kolla såklart först om dom är gratis.

Jag har en av dom med rosa blommor och så på. Den har jag hämtat hos

www.tescho.se och så klickar du uppe på hennes bloggsesign där finns det gratis bloggdesign...

Om du vill ha gratis förstås.

 

KANN DU SKRIVA PRECIS DET JAG

KANN DU SKRIVA PRECIS DET JAG KANN KLISTRA IN SEN, FÖR AT FÀ DET AT FUNKA? KANN DU BARA SKRIVA MIN LÄNK ELLER SÀ... SEN KANN JAG KLISTRA IN DEN,, DÀ MÀSSTE DET JU FUNKA, EFTERSOM DU KANN ALTING!=)

KRAM BROKENLEGINS...

BLOGG: http://brokenlegins.blogg.se/index.html

BILD: http://i45.tinypic.com/2vail9f.jpg

jag vill ga vit bakgrund och 

jag vill ga vit bakgrund och  denhära bilden imitten..

http://i45.tinypic.com/2vail9f.jpg

men vit pà bàda sidorna..tack!!

Ändra färg på sidan

Hej!

Har ändrat min blogg och jag är nöjd än så länge. Men den kanske är i tråkigaste grå.

Hur gör jag om jag bara vill ändra själva färgen på sidan från grå till annan färg.

Mvh Lillskorven

Tack!

Det finns mycket man kan göra själv. Kolla in min blogg som jag fixat tack vare lite hjälp från blogghjalp.se.

http://blerran.blogg.se

Grymt bra att det blogghjalp finns

Tack!

Det finns mycket man kan göra själv. Kolla in min blogg som jag fixat tack vare lite hjälp från blogghjalp.se.

http://blogg.se/blerran

Grymt bra att det blogghjalp finns

hjälp

hej!

Jag har gjort som det står när jag ska lägga till en bakrund, men det blir inget när jag klistrar in koden för bilden jag ska ha.

Jag laddar upp en bild på tinypic.com men när jag väl klistrar in koden så funkar det inte, och jag har testat alla koderna!

snälla hjälp!

Hur gör man?

Tack för en alldeles underbar blogg, jaglär mig massa nytt! =)

Det är inga inlägg på bloggen än så länge för jag ska inte börja blogga där förrän jag fått till designen!

Men jag vet att det går att göra så att bakgrunden "fryser". xD Jag ska försöka förklara bättre här, haha!

När man scrollar så scrollar man ENDAST i inläggen men bakgrunden är still, fattar du?

Jag vet att detta är möjligt då jag sett det på massa andra bloggar!

Snälla hjälp, jag vill så gärna fixa det till min blogg!

Hjälp! Snälla.

Jo, jag har designen Sunset från denna sidan.

MEN, jag vill ha FF1493 på sidorna av själva bloggen och inte det rosa över och sen det gula,

så jag skulle ändra då som denna beskrivningen angett, bakgrundens färg.

Man kan säga att det funkade lite, men inte helt. Ta gärna en titt, förklara hur jag ska göra.

Och snälla, snälla hjälp mig!

Kramar TiFFTiFF 

Ändra bakgrundsbild...

Jag måste *som så många andra före mig* säga att det är en toppensida! Tyvärr har jag ett problem som jag inte hittar något svar på. I min blogg så vill jag ha en bakgrundsbild som jag har lagt upp på tinypic b la. Men jag får inte ut bilden över hela bloggen, den lägger sig bara i det vänstra hörnet och det jag vill göra är att 'dra ut den' över hela sidan, om du förstår vad jag menar?! Det är ingen bild som blir bra om man repeterar. Här är adressen till min blogg: http://mipsan.blogspot.com/ och här är bilden som jag vill ha in: http://i41.tinypic.com/2w7omqv.jpg. Jag har ändrat upplösning och storlek och allt man kan tänka sig.

Jag vore jättetacksam om du kunde ta dig tid för att hjälpa mig, har suttit för mycket och länge nu så jag kommer inte på något mer nu..

/Mipsan

Hej Kul att du gillar sidan.

Hej

Kul att du gillar sidan. Tyvär går det inte att göra det du vill med CSS eller HTML. Om du har testat att göra bilden större osv så vet jag faktiskt inte vad du kan göra härnäst. Det är ett komplicerat problem som går att lösa men det krävs även en alldeles komplicerad lösning, så jag skulle rekommendera att du gjorde det enkelt för dig och tog en annan bild.

Bästa hälsningar,

Blogghjälp

Tack..

Okej, tack för svaret iaf.. Jag har letat och inte hittat någon sida som har någon bild som blir bra. Har du några tips på var jag kan hitta bra bakgrundsbilder som åtminstonde liknar den bilden? De bilder jag har sett blir liksom kanter så man ser att det är bilder som ligger bredvid varann om du förstår hur jag menar... Vill att det inte ska vara några kanter. *Vad kass jag är på att förklara, hoppas du förstår vad jag menar!?*

Tack igen!

/Mipsan

Bakgrund

Hej!

Vilken perfekt sida för mig som inte kan något alls om koder m.m. jag har lyckats att komma en bit påväg med att ändra min blogg, men nu tog det stopp:) Jag la in en ny bakrundsbild och den kom upp på sidan och blev riktigt bra. Men nu när jag går in så syns inte bilden, fastän att jag inte ändrat något. Varför? Alla andra ändringar syns ju.

Vore tacksam för svar och än en gång tacka för att du lyckats göra en sida som förklarar på ett sätt som t.o.m jag förstår:)

/Viktoria

Jag testade att använda samma

Jag testade att använda samma stilmall och tema som du har och problemet var att man måste lägga upp bilden själv, man kan alltså inte använda den länken som du har använt där.

Jag tog mig till och med besväret att ladda upp den åt dig. :) Använd den här länken till din bild istället så ska det funka:

http://i42.tinypic.com/288qqu1.jpg

Bästa hälsningar,

/Blogghjälp

Yeah!! Nu funkar det! Tack

Yeah!! Nu funkar det! Tack som tusan för all hjälp!!

//Viktoria

bild bakgrund

Hej! jag har gjort som det står när man ska lägga till en bakgrund på bloggen. Men jag får bakgrunden över hela min blogg i bl.a. menyn. jag har aven lagt till no-repeat, men då försvinner bilden helt och hållet, hur ska jag göra för att bara få den på kanterna? Tack för en bra sida! :D

Blogg Bakgrund

Kan inte tänka mig direkt vad det kan vara, ange gärna bloggadressen här så kan jag kolla vad som kan vara fel. Tack, jag uppskattar feedback!

Bästa hälsningar,

/Blogghjälp

blogg bakgrund

här är min blogg adress, hhnaaa.blogg.se

Tack

Det jag ser direkt är att du inte har lagt någon bakgrund i Wrappern, det vill säga allt som omsluter innehåller på din sida.

Du kan nog lösa ditt problem genom att lägga till

  background: #ffffff;

I din

div#wrapper {
margin: 0 auto 20px auto;
width: 750px;
}

Så det blir

div#wrapper {
background: #ffffff;
margin: 0 auto 20px auto;
width: 750px;
}

Eller om du vill bara ha vit bakgrund för innehållet och sidomenyn kan du lägga till background: #ffffff; i #content och #side

Bästa hälsningar,

/Blogghjälp

 

ändra din bakgrund till bild

Hejsan!

Jag har följt dina underbara anvisningar på hur man kan sätta till en bild i bakgrunden på sin blogg, men saken är den att bilden fastnar under min header längst upp i högra hörnet. Men jag vill faktiskt ha bilden på mitten där den ska följa med texten medans man rullar ner texten, då undrar jag hur man gör det?

Svara så snabbt du kan, vill som fixa till det eftersom att det var störande, är du snäll :)
Svara gärna till min e-post.
MVH Sofia

När jag ska ändra

När jag ska ändra bakrundsbilden så vill jag ah den på hela bakrgunden och den blir bara massa rutor med bilden där den upprepas. Hur gör man så samma bild är på hela utan att den blir flera bilder?

Svaret finns längst ner i

Svaret finns längst ner i artikeln

Mvh

lyckas ej?

Det går inte att ändra bakgrundsbilden? Jag vill ha bort den rosa blomman, o istället ha en liggandes bild på mig o min man där uppe, men de går inte ju? Sidan blir bara vit istället o blomman e kvar o den bild jag klistrar in e inte alls där? Tacksam för svar,mvh natta

Hej Nathalie Det är inte

Hej Nathalie

Det är inte blomman som är bakgrunds bild på din blogg. Den är satt som bakgrund bild på din header. Vad du behöver göra är att leta upp

#header {
    width: 760px;
    height: 280px;
    margin: 0 auto;
    background: url(BILDADDRESS) no-repeat right top;
}

I din stilmall och sedan ersätta BILDADRESS med bildadressen på din egna bild.

Skriv ny kommentar

Innehållet i detta fält är privat och kommer inte att visas publikt.
  • Tillåtna HTML-taggar: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <br> <p> <b> <u> <img> <i> <center>
  • Rader och stycken bryts automatiskt.
  • Webbadresser och e-postadresser görs automatiskt till länkar.

Mer information om formateringsmöjligheter

CAPTCHA
Matcha texten i bilden i textrutan, detta är till för att förhindra spam och automatiserade macron.
Image CAPTCHA
Copy the characters (respecting upper/lower case) from the image.