Något som börjar komma allt mer på bloggar är att man istället för en bakgrundsfärg väljer att lägga in en bakgrundsbild istället där rubriken är för själva inlägget.
Det här är ett exempel:
Före
Efter
Det är ganska så enkelt att göra detta, jag ska visa.
Om du ändå tycker att det är svårt, så visar jag steg för steg i en videoinstruktion som du hittar uppe till höger i detta inlägget.
1. Börja med att ladda upp bakgrundsbilden som du vill använda dig av, kom ihåg adressen till bilden. Om du inte vet hur du laddar upp en bild och får reda på adressen, läs det här inlägget eller kika på videoinstruktionen.
2. Gå in i din stilmall.
3. Leta upp
/** Entry headers **/
h3 {
eller
div#content h3 {
(beroende på vilken stilmall du använder).
4. Lägg till följande kodrad:
Om det redan finns background, så ersätter du den raden med koden ovanför.
5. Där det står adressen till din bakgrund, där lägger du in adressen som du fick när du laddade upp din bild.
6. Om hela din bild inte syns, då kanske du måste ändra höjden på din rubrikrad, det gör du genom att lägga till
height: 20px;
Ändra till den höjd som du vill genom att byta ut 20 till det tal du vill ha.
Nu är det bara att förhandsgranska och se hur det hela ser ut.
Som sagt, tycker du att det var knepigt, kika på min videoinstruktion där jag visar mer ingående hur du ska gå tillväga.
Lycka till!









Inte för att vara ”taskig” eller något jag tycker det är jätte bra att du hjälper till så otroligt mycket, det är bara det att jag tycker att den förra designen var enklare och snyggare. Man hittar inte så bra på denna design.
//Frida
jag håller med, det var enklare förut, nu hittar jag nästan ingenting.. :s
Jag håller med, svårt att hitta men man aknske lär sig? Hittar inte hur man ska göra för att rubrikrutan ska ändras när rubriken är lång, istället för att texten går ner över inlägget skulle jag vilja ha rubrikrutan större när det krävs… =/
Måste tyvärr hålla med, din förra var mycket bättre (och snyggare)
Fast min personliga favorit är din gröna (förrförra) ;D
Det är enkelt när man kom på vart allting låg
Det är exakt samma princip på denhär som i förra.håll pilen på fliken ”bloggdesign” och sedan ”blogg Esse” så kommer allting upp
Sen äre bara o leta efter de man ska ha.
jag håller också med, fattar inget?!
det kanske har att göra med att ni var mer vana den designen.. jag tycker att denna är bättre! ser proffsigare ut oxå.
Håller med !!!
Håller med
Jag måste hålla med, den andra va såååå mycket bättre .. förlåt :c
Jag tycker att denna är inte så snygg, men mycketttt enklare att hitta i xD
Inte för att vara ”taskig” eller något nu till dom som inte fattar men det är skit lätt att hitta nu
Hoppas alla tar sig tid att lära sig sidan och slutar lägga ner så mycket tid på att klaga
Inte alls svårt ju
hej, din blogg är jätte bra och så, den hjälper till mycket men nu fattar jag typ inte. jag hittar inte så bra. din förra design var mycket lättare och bättre.
/ tiina <3
jag tycker precis som dom jätte kul att ni ville byta och så men man hittar ingenting
men hur gör man för att ändra bakgrundsFÄRG på inlägget då?
för när jag publicerade ett inlägg så blir det både svart bakgrund och svart text :<
helst vill jg ändra textfärgen men jag vet inte hur man gör .
hjälp? <3
Svar: Om jag förstår dig rätt så ska du leta reda på koden
/** Post’s body text **/
Sedan ändrar du bakgrundsfärg på background-color: #FFFFFF;
och färg på texten på color: #000000;
hej, älskar din sida
men när jag lägger in denhär koden under h3, blir alla senaste inläggen, arkiv, kategori och länkar också med bildbakgrund, hur undviker man det?
Om man bara ska ha en färg bakom rubriken måste göra på samma sätt bara att man gör en tex. blå avlång bild, eller finns det ett enklare sätt då?
//Ada
Fungerar ej för mej
Du kanske har för stor bild, för då funkade det inte för mig =)
Funkar klockrent!
Måste ju bara säga att jag älskar din blogg och ditt sätt att beskriva. Du gör det busenkelt ju! Tack!
Hej hej! Tack för att du gör det så enkelt och bra att förstå hur man gör en supersnygg blogg!!
Det funkar hur bra som helst!!
Hur gör man för att få rubriken understruken?
undrar jag med!!
Länka gärna din blogg. Jag vet hur man gör och om du har blogg.se så ska du ha en h3 kod i din stilmall. Om du nu har det så ska du där i skriva in: ”text-decoration:underline;”.
Hej
och 2. Hur får man texten i rubriken att hamna i mitten av rubriken? Tacksam för hjälp
1. Vart e forumet?? Hittar inte det
behöver också hjälp med det:)
På första bilden högst upp är bakrunden i inlägget grå men bara i ens inlägg och resten runt om är en annan färg. Hur gör man så?
Har letat överallt efter hur man gör. Vore hemskt tacksam för svar!
Svar: Om jag förstår dig rätt så ska du leta reda på koden
/** Post’s body text **/
Sedan ändrar du bakgrundsfärg på background-color: #FFFFFF;
och färg på texten på color: #000000;
Jag undrar också hur man får rubriken i mitten, hittar inte något inlägg om det… :
Svar: Lägg till koden text-align: center; längst ner i koden /** Entry headers **/
FUNKAR INTE FÖR MIG HJÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄ
LLLLLLPPPPP!!!!!!!
Inte för mig häller ;/
Tack, tack, tack för all hjälp! Du är underbar som jobbar med det här, och hjälper andra bloggare. Jag har bara några frågor: Hur gör man för att ändra textstil på rubriken om man bloggar på devote? Och hur gör man för att rubriken ska hamna i mitten?
kram!
asså det funkar inte för mig?
kan du inte visa hur man gör på ”egen mall”, asså det temat. har testat typ 34987gånger men det händer inget, bara att typ texten blir större. så snäll visa på ”egen mall” hur man gör! tack:)
För er som vill ha en centrerad rubrik: Gå in på redigera kodmall och leta upp ”${EntryTitle}”. Lägg in koden framför och bakom. Koden ska se ut på följande vis: ${EntryTitle}
Gör sen samma sak på dom andra sidorna. Arkiv, Inlägg och Kategori.
Eller så gör man en enklare varian kom jag just på…
Leta upp koden ”div#content h3″ och lägg till ”text-align: center;”
Koden bör nu se ut så här: div#content h3 { font-size: 24px;
text-align:center;
font-weight: normal;
margin: 20px 0 10px 0;}
För er som har problem med att texten hamnar på fel ställe: använd kommandot ”padding” för att styra texten. Exempel:
div#content h3 { font-size: 24px;
text-align:center;
font-weight: normal;
margin: 20px 0 10px 0; padding: 25px 0 0 10px;} Mer om padding kan ni läsa här: http://www.w3schools.com/Css/css_padding.asp
Hejsan!
Vill börja med å säga Tack för en underbar sida där man kan lära sig massa nytt! Uppskattar det till tusen. Men vissa saker får jag inte att fungera på min blogg, som detta med bakgrund till rubriken. Har gjort precis så som du skriver men det kommer ingen bild. Har provat med flera olika bilder, men inget händer.
Vad kan de bero på?
På min blogg klumpar rubrikerna ihop sig så att textraderna ”flikar över varandra” i rubriken när man skrivit mer än en rad. Försökt ändrat lite på olika margin och padding men ingen verkar funka för att det inte ska se så ihop klumpat ut. Hur gör jag?
Oj då, gud vad många negativa kommentarer !?
Jag tycker snarare att den här nya designen är enklare, alla har ju sin lilla åsikt men sluta se negativt och kom på det positiva istället
Vet du hur man ska göra om man vill få bakgrunden på rubriken att vara smal och att rubriken ligger precis på den linjen? för när jag försöker ändra blir det antingen uppe eller nere, eller så blir bakgrunden större.
Hoppas verkligen du har ett svar på detta problemet
inte för att vara taskig mot er som inte förstår, men det är faktist aslätt
din blogg e super funkar alldeles utmärkt
haha tack gud vad coolt det blev
:D hihi
Det funkar ju inte? :/ Gör inget fel för jag följer dina instruktioner och allt…
om det inte går att ta bort den text man har som rubriker för menygrejerna nu, vad gör man då?
Din blogg har hjälp mig mycket, tack för det!
Jag undrar hur man får en svart ram runt rubriken? Jag tänkte ha vit bakgrund, svart text och svart ram i rubriken, går det att fixa?
Hej! om man istället vill ha en linje under rubriken samt centrera rubriken, hur gör man då? Har du något inlägg om dette i bloggen sen tidigare? Har letat igenom men kunde inte hitta något. Tack för en mycket bra sida med massor av nyttigheter!
Hej! Ett litet problem här bara. Min text flyttar ner sig när jag sätter in hela grejen. Lite tokigt. Tacksam för svar!
min bakgrundsbild hannar under textenT_T
HELLLLLLLLLLLLLLLLLLLLLPPPPPPPPPPPPP!!!!!!!!!!!
Det funkar inte för mig att få in bilden till bakgrundsbild under rubriken. Hjälp mig någon!
Det har hänt samma sak med mig. T_T
Hejsan!
Jag har fått ett problem med bloggen här, det är så att jag har fixat till allting som står på instruktionerna men ändå fungerar det inte som det ska! Jag behöver verkligen hjälp, jag har gjort precis som du visade på videon men bakgrundsbilden syns inte på rubriken. Har jag gjort något fel? någon som har hamnat i samma situation?
Hej… på min blogg, när någon har komenterat blir det något konstigt. tex arkiv flyttar neråt
kolla här:http://jennamarie.blogg.se/2011/january/gjort-om.html#comment någon som kan hjälpa mig ???
hittar inte texten..?
tryck in tangenterna Ctrl och F och sen skriver du in det du vill hitta där
Om det redan finns Bakground:… Någonting måste man radera det annars fungerar det inte
tack så sjukt mkt. Råkade återställa min kodmall(fråga mig inte hur man ‘råkar’) och nu är bloggen ännu bättre än förut! :’D
okj, kanske inte super, men endå mkt bättre..
Hej
Tack för att den finns!
den här sidan äger
Men assw hur ändrar man texten på inläggen?
assw.. om jag vill ha tyhp Arial ist för tyhp ngn annan?
shiiet hjäälp xP
Kan du inte skriva hur man gör?
Slåår vad om att dee är mga andra som också undrar
Hoppas du fattar vad jah menar..
Lari har skrivit om det i ett annat inlägg, välj Blogg Esse > Text och Typsnitt och där hittar du det
DET GÅR INTE ATT GÖRA NÅGONTING PÅ MIN BLOGG!
HJÄLP MIG! Den heter : Anisssims.blogg.se
Hej!
Hur gör man för att få en ”ram” runt bakgrunden i rubriken? Tacksam för hjälp! /Sofie
hejhej:)
jag har ett litet bekymmer med min blogg. Mina inläggsrubriker syns inte nu längre:S jag vet inte hur jag gör för att få dem att synas igen. Jag hade verkligen behövt din hjälp/Kramis
Jag hittar inte ”entry headers” hjälp ?:(
Tack så mkt för hjälpen, uppskattar verkligen denna sida
fick det inte att funka när jag kollade på andra
Jag har just skapat en ny blogg för att min förra krånglade enormt mycket och jag hoppades att det skulle försvinna. En del av problemen försvann men inte det viktigaste. Som du ser är min bakgrund full med hjärtan och det hamnar liksom där jag skriver inläggen så man ser inte texten! Det här är ju bakgrund för rubriken men jag behöver bakgrund för inläggen, det är akut! Snälla snälla hjälp! Mejla gärna svaret om det går! [jojo.13@live.se]
Tack i förväg!
Hej!
Leta upp detta i din stilmall:
div#content { float: left; clear: left; display: inline; padding: 0 20px 20px 20px; width: 540px; }ersätt med:
div#content { background: #FFFFFF; float: left; clear: left; display: inline; padding: 0 20px 20px 20px; width: 540px; }Då borde du bli av med hjärtan som är i inläggen.
Hej!
Jag har kollat runt överallt nu och kan verkligen inte hitta det jag letar efter så tänkte göra ett försök och fråga istället.
Hur får man en luftigare rubrik? Alltså större mellanrum mellan bokstäverna i rubriken. Skulle vara super om du kunde svara