Blogspot: Endre bredden på bloggen

Jeg har endret bredden på bloggen min, her er noen tips om du har lyst til å gjøre det samme.
Bredde måles i pixler, og siden svært mange lesere har små skjermer eller stor oppløsning så bør du ikke ha en blogg som er bredere enn 1000 pixler.
Hovedfelt + sidefelt + noe mellomrom bør derfor ikke overstige 1000 pixler
Velg dine egene tall, prøv deg frem. Jeg har jobbet med Minimamalen (ikke strech). Prinsippet er det samme for alle maler med unntak av strech malene, men det ser nok ikke helt likt ut i kodene, det viktige er å finne tallene og bytte ut de, men om det er mønster i bakgrunnen så er det mer komplisert enn vist her.
Gå inn i blogspotmenyen, velg fane utforming, velg fane HTML, scroll deg nedover til du ser de ulike feltene jeg har merket, endre tallene til de er slik du vil ha de. Tallene her er de jeg bruker. Før du begynner å endre i malen så lagrer du den i tilfelle det blir tull.

Header-wrapper = Hodet/toppen på bloggen, bør være tilsvarende outer-wrapper
Outer-wrapper = Totale bredden på bloggen
Main-wrapper = Hovedfeltet/blogpostfeltet
Side-wrapper = Sidefeltet
Illustrasjonene under viser hovedfelt 730 px + sidefelt 250px = bredde 1000px
Det vil si at det er 20 px til margin mellom, settes inn automagisk.

a-1a-2a-3a-4

Hvordan sette inn brede bilder og andre bloggtips finner du her

Diverse

18 Kommentarer
Random Percussion

26 oktober 08

TUSEN TUSEN TAKK!!!!

Merete

2 november 08

Takker og bukker, dette har jeg lett etter. Gjør et forsøk nå og prøver om det passer til bloggen min.

HeidiS

29 desember 08

Jeg finner ikke fane HTML..Hva gjør jeg da?

Anne på Moseplassen

29 desember 08

hei Heidi, jeg tar det skrittvis fra starten jeg så håper jeg du finner det.
(og en fane er det jeg kaller de ulike etikettene/knappene som ligner på sånne arkivmapper)
Trykk tilpass øverst til høyre på bloggen din, da kommer du inn i bloggens oppsett. Velg så fanen UTFORMING, (høyt oppe til venstre/midtpå på siden) under den finner du fire faner: sideelementer, skrift og farge, rediger html og velg ny mal. Klikk der det står REDIGER HTML.

Håper du finner det nå, om ikke spør på nytt så skal jeg ta ett bilde av skjermen min.

Anne på Moseplassen

29 desember 08

ellers veldig hyggelig å høre fra dere som har fått det til :) Og om noen ikke får det til så bare spør.

HeidiS

30 desember 08

Takk Anne!

Jeg fant da HTML-fanen. Jeg prøvde å justere slik du har gjordt, men da ble bloggsiden fryktelig lang, så man måtte scrolle langt for å se hele siden. Derfor har jeg ikke forandret brdden på bloggen min.

Linsky

23 mai 09

Tusen takk for kjempefine tips!! :-D

Sarah

17 juni 09

Heisann! Tusen takk for tipset om bredere blogg.. Jeg har hele tiden syns at den var alt for smal, men nå ble det bra! Anbefaler siden din til andre som lurer på det samme! : )

Anne

8 juli 09

Hyggelig å kunne hjelpe, og hyggelig å høre at jeg har hjulpet, og veldig hyggelig om dere anbefaler videre :) Jeg skriver jo disse gjennomgangene nettopp for at andre skal få fikset bloggen sin slik de ønsker :)

[...] Hvordan endre bredden på bloggen [...]

Jeanette

11 mars 10

TUSEN HJERTLIG TAKK!!
Du er en engel som deler dette med oss Ü

Anne

12 mars 10

Baaare hyggelig Jeanette :)
Jeg ble selv så utrolig glad når jeg oppdaget at jeg kunne endre malen så den ble bredere, at det er helt innlysende at jeg skulle dele med andre :)

Lene

15 mai 10

TAKK!! Jeg klarte det å få bloggen min bredere! Ser så mye bedre ut med en gang :) Suuupert!

Hei hei! jeg trenger litt hjelp av deg! Kan ikke du en gang du har bittelitt tid til overs skrive meg en mail?
Tror nesten du må få logge deg på bloggen min å rydde litt opp.. Jeg har prøvd å prøvd, men får ikke til.
Jeg har 3 kolonner, men når jeg skal endre størrelsen(bredden) så blir det bare rot!
Og så er «navbar»n min borte!? Hvis det er det det heter? Når jeg er inne på min egen blogg så kan jeg ikke trykke oversikt osv.. da må jeg inn på en annen sin blogg, og da kommer disse valgene opp i høyre hjørne!

Huff… Så når du har litt tid- send meg en mail!

Pia Rothmann

19 juni 10

Heisann=)!

Rammlet tilfeldigvis over bloggen din i søken etter hjelp til å endre bredden på de nye malene til blogspot….! Du har vel ikke peiling på det vel;)? Jeg prøvde å følge den «oppskriften» som du har, men finner ikke disse html kodene i de nye malene??! Hvis du har mulighet til å hjelpe hadde jeg satt pris på en mail….før jeg river av meg alt håret;)!

En super blogg du har!

Riktig god helg!
Hilsen Pia

Anne

19 juni 10

Den nye maloppsettet på blogspot er genialt, så du trenger ikke inn i html koden!

Gå til de nye malene, der ser du på venstre side noen valg:

Maler
Bakgrunn
Utforming
Avansert

Trykk på utforming

du får opp tre valg, som du bør titte på alle tre, den du har bruk for for å endre bredde heter, Juster bredde.
Dra slidere dit du vil ha de, vips. ferdig

anne :)

Jeg trenger HJELP! I min mal finner jeg ikke det du sier at man skal endre på?! Min ser slik ut ved «header» delen… Hva skal jeg gjøre?

* Header
———————————————– */
.header-inner {
padding: 27px 0 3px;
}

.header-inner .section {
margin: 0 35px;
}

.Header h1 {
font: $(header.font);
color: $(header.text.color);
}

.Header h1 a {
color: $(header.text.color);

Anne

21 november 10

Hei Vilde.
Her kan jeg dessverre ikke hjelpe deg.
Siden jeg skrev denne bloggposten så har Blogger kommet med nye maler, disse er ganske ulike fra slik de gamle var, og jeg greier ikke finne frem til bredde-innstillinger i disse. Jeg er ikke sikker men det ser for meg ut som om du har en av de nye malene. Nå kan man jo stille inn disse ganske enkelt i mal-utformeren, men den har jo sine begrensninger (man kan feks ikke få bredere mal enn 1000px, men akkurat det er nå helt ok, ettersom så mange ikke har bredere skjermer enn det uansett)

Legg inn en kommentar:


Navn (synlig for alle)(required)


E-post (kun synlig for bloggeier *)


Nettadresse (dersom du har)



* E-postadresse vil ikke bli vist, og ikke gjort tilgjengelig for andre.
- Jeg besvarer alle spørsmål i det kommentarfeltet de stilles.
- Vil du ha et bilde av deg ved kommentaren? Skaff deg en Gravatar. Les mer om Gravatar her

You may leave comments in english and Ill answer in english. Your email address will not be shown.