- Designtips: Bildspel i headern

Designtips: Bildspel i headern

13/10
23.03

Fått otroligt många frågor om detta designtips som jag har gjort. Många kommenterar också att det inte funkar och vill ha min hjälp. Så tänkte grundligt gå igenom hur man gör, försökte göra med bilder men det funkade inte alls och kan inte filma heller. Hoppas en liten bättre förklaring hjälper!

1. Börja med att gå in på design och sen vidare till kodmall. Där klistrar du in den HÄR koden mellan <head> och </head>.

2. När du har gjort klart de första så ska du ladda upp dina bilder som du gör via "Skapa" sen kan du välja mellan inlägg, bild och länk. Välj bild och sedan kommer du till bilduppladdningen där du väljer vilken bild sen storlek.

När bilden är uppladdad så klickar du på den och sen kopierar du bildlänken (ett tips är att spara bildlänken i till exempel ett word dokument så länge).

3. Klistra in den HÄR koden mellan <div id="wrapper"> och <div id="header"> som finns i kodmallen. Om du inte hittar den kan du klicka på Ctrl och F samtidigt så kommer en sökruta upp.

4. Klistra in dina bildlänkar i koden som du just har lagt in mellan wrappern och headern. Du kan ha hur många bilder du vill men kom ihåg att alla bilder FÖRUTOM sista ska ha en sån här ; efter sig. Alltså, alla bilder utomsista ska ha en sån här ; bakom sig.

5. Sedan sparar du och gör samma sak i alla kodmallar (framsida, arkivsida, kategorisida och inläggssida). Ta även bort den header du har haft innan, den finns i stilmallen under #header.

70 comments
Designtips

bella

tack för tipset!

får prova de om jag skaffar blogg nån gång :)

14/10 2011, kl. 14.57
URL:

Alma

DET FUNGERADE! Taaack, har kämpat i timtal och testat tusen olika sätt!

05/11 2011, kl. 15.21
URL: http://almalindstrom.blogg.se/

Lovisa [foto & vardag]

Tack så jättemycket för hjälpen, det fungerade! :)

13/11 2011, kl. 18.38
URL: http://lovisadehlin.blogg.se/

Anonym

Fungerade tyvärr inte.

17/11 2011, kl. 21.48
URL:

Emilia

vart är koderna?

18/11 2011, kl. 18.48
URL: http://emliaemlia.blogg.se/

Celine

JA DET FUNKADE ÄNTLIGEN! Tusen tack!! Har sökt i flera timmar och prövat jättemånga olika sätt, taaaaaack! :D

27/11 2011, kl. 20.21
URL: http://celineangelica.blogg.se/

annamathildasigridadam - fototastic

Nej, det funka verkligen inte för mig!

03/12 2011, kl. 22.01
URL: http://fototastic.blogg.se/

Lalitta

Det funkade tack!!!!!!

06/12 2011, kl. 15.23
URL: http://photobylalitta.blogg.se/

Cornelia <3

Hjälp tack?? <3

19/12 2011, kl. 16.58
URL: http://corneliasfotoliv.blogg.se/

Lovisa [foto & vardag]

Hej! Jag har en fråga, om man vill byta header från bildspel till vanlig header som inte rör sig, måste man då ta bort hela kodmallen från bildspelet då?

Kram! :)

20/12 2011, kl. 17.41
URL: http://lovisadehlin.blogg.se/

Xia

Det fungerade inte :(

Testade flera gånger men det går inte!

24/12 2011, kl. 16.19
URL: http://xias.blogg.se/

Xia

Nu funkade det...

Tack för hjälpen!!!

24/12 2011, kl. 16.22
URL: http://xias.blogg.se/

julia

Tack så mycket<3

01/01 2012, kl. 16.36
URL: http://juliasphotograph.blogg.se/

Denice

Funkar inte för mig.. tror jag har gjort rätt, gjort som de står iaf, men det är bara den första bilden som visas :( mejla gärna svar vad du tror är fel :)

06/01 2012, kl. 17.42
URL:

Nellie :)

Det gick!:D Efter många försök :P Men en fråga.. Hur får man den i mitten? Ist för till vänster o.O

08/01 2012, kl. 13.42
URL: http://mycutelittlestory.blogg.se/

Alice

Hejsan!

Det funkar för mig att få bildspel men jag har temat Dusty Rose och vill gärna "få ner" bildspelet till dit min header är nu...

Hur ska jag göra då?

08/01 2012, kl. 14.41
URL: http://aalicelife.blogg.se/

Wilma

hej där det står första bilden där brevid höjden å bredden ska man lägga in sin första bild där med? :)

14/01 2012, kl. 07.52
URL: http://wilmasaklart.blogg.se/

Wilma

hej du får gjärna svara på min blogg men för jag ser bara första bilden men inget endras :( hjälp??<3

14/01 2012, kl. 08.16
URL: http://wilmasaklart.blogg.se/

Olivia

Tack så mycket! Har letat jättelänge efter en kod som verkligen fungerar och det gör den här :)

14/01 2012, kl. 12.11
URL: http://missangels.blogg.se/

Siri

Följde instruktionerna och det fungerade perfekt! Tack så himla mycket! (:

16/01 2012, kl. 00.27
URL: http://fotosiri.blogg.se/

Ellinor

Har letat och letat efter en enkelt tutorial som funkar och din var bäst, tack!

21/01 2012, kl. 12.48
URL: http://ellinorfriman.blogg.se/

Anonym

bilderna är typ 1 dm för långt up, och man ser bara första bilden. tacksam för hjälp.

21/01 2012, kl. 22.57
URL:

Astrid

hej.

jättetacksam om du kunde hjälpa mej. bilden blir bara vit med ett pengartecken längst upp i ena hörnet, och menyn hamnar jättekonstigt. snälla hjälp!

22/01 2012, kl. 19.09
URL: http://friendsandlove.webblogg.se/

LOVISA PHOTOGRAPHY ♥

Hej tack för en bra beskrivning! Men hur flyttar man ner bildspelet? :)

25/01 2012, kl. 21.35
URL: http://solkvints.blogg.se/

ofelia

Jag förstår inte vilken kod jag ska lägga in vart! kan du hejpa mig

29/01 2012, kl. 19.48
URL: http://[email protected]

lina

tack för tipset, funkar toppen ! :)

12/02 2012, kl. 10.13
URL: http://lifeaslinaa.blogg.se/

Madde

TACKTACKTACK!! <3

12/02 2012, kl. 14.02
URL: http://duvetmadde.blogg.se/

Lisa

Hej, först vill jag bara säga tack för hjälpen! men det är bara den första bilden som syns, det bläddrar inte.... och så är det långt ner till texten börjar, jag skulle bli jätte glad om jag skulle kunna få hjälp att fixa det! jag har suttit i 2 dagar och försökt på massa olika sett, tack på förhand!

15/02 2012, kl. 16.52
URL: http://lisasmedberg.blogg.se/

Victoria Carlsson

Vet du hur man gör så den går snabbare?

16/02 2012, kl. 10.38
URL: http://victoriacarlssons.blogg.se/

Madoka

Hejsan :) En fin och enkel tutorial, tack :)

Men det är som så att jag kan bara se en bild, och headern är jättelångt upp. Kan du hjälpa? :)

17/02 2012, kl. 12.26
URL: http://madokan.blogg.se/

Anonym

T.A.C.K :) Ojoj om du bara visste hur mycket jag kämpat för att hitta den rätta koden ;)

17/02 2012, kl. 20.34
URL:

Hanna

Provade detta och det funkar, man jag vill ha mina bilder i mitten. Hur gör jag då? :)

23/02 2012, kl. 18.03
URL: http://agilitytokig.blogg.e

Felicia

Hur lägger man in bilderna då?? :O Om ni ursäktar min efterblivenhet... Tack så mycket i alla fall :)

01/03 2012, kl. 21.31
URL: http://buttercups.blogg.se/?tmp=01212508

Amelia ~ photography ♥

Headern blir jätte långt upp , hur flyttar jag ner bildspelet ? :(

02/03 2012, kl. 14.16
URL: http://ameliaharrysson.blogg.se/

Maja Kuoppala (Foto)

OMG JAG ÄR TYP APIGT GLAD! TAAACk, jag har hållt på flera gånger och testat med massa olika koder och den här fungerar! TAACK SÅ MYCKET! :D

08/03 2012, kl. 11.11
URL: http://majakuoppala.blogg.se/

Hannah

HEJ! Det funkar bra för mig tack så mycket, men jag har ett problem som du kanske kan svara på, frågan är: Hur gör man för att bilderna skiftar snabbare, för som det är nu, så visas bilderna i ca 5 sekunder :s

TACKSAM FÖR SVAR! :D

/Kram Hannah

13/03 2012, kl. 12.10
URL: http://hannosh.blogg.se/

Saga

Hej! Jag har kopierat allt och gjort klart på min och min kompis blogg (du kan se den här: http://stallprojektet.blogg.se/)

Problemet är, som du ser, att det är sjukt mycket vit bakgrund under och över bildspelet. Vet du hur man gör för att få bort det? Jättetacksam för svar!!!!! :)

15/03 2012, kl. 18.48
URL: http://stallprojektet.blogg.se/

Amanda

guuuuuuud taaaaaack, du är bara för bäst erika <3

21/03 2012, kl. 20.14
URL: http://aophotos.blogg.se/

Lovisa

Det funkade först, men sedan typ fastnade det på den första bilden så det blev som en vanlig header... :/

03/04 2012, kl. 14.35
URL: http://lovizalovgren.blogg.se/

Elin

Asså våran header funkar men det är två saker som är lite konstigt. 1.När den byter bild så typ hoppar bilden ner och sen upp som du kanske ser om du går in på våran test blogg för det är inte våran riktiga,den heter http://threebloggers.blogg.se/ ifl. 2. Den går inte ner hela den så det är en avstånd mellan hedern och inläggsidan som du kanske också ser? Skulle varit snällt om du vilje hjälpa oss med det! Kram,btw: Riktigt fin blogg och tjey :)

13/04 2012, kl. 20.35
URL: http://testpapilomin.blogg.se/

nomi

tack!:D:DD:D:D:D:D men hur får man den att börja om och om igen? :)

min horisontella meny hoppar även ner. vad beror det på?

17/04 2012, kl. 11.34
URL: http://nomies.blogg.se/

Annie

hej!

De funkar inte för mej, skulle du vilja mejla mig? Då kan du hjälpa mig där!! :)

17/04 2012, kl. 21.11
URL: http://ponnytjejenannie.blogg.se/

Lina

Hej

Det funkar tyvärr inte för mig för jag ser bara den första bilden vet du hur jag ska göra för att se de andra bilderna?:)

21/04 2012, kl. 16.46
URL: http://justlj.blogg.se/

Melina

Tack så jätte mycket, det funka! <3 Jättebra blogg!

23/04 2012, kl. 21.20
URL: http://bymellis.blogg.se/

Sofia

Hej, jag undrade om du skulle vilja hjälpa mig med ett bildspel i header. Det funkar aldrig för mig och jag vet inte hur man gör direkt. Din förklaring är bra men ändå så fattar inte jag. Om du har tid o så så skulle det uppskattas om du kunde hjälpa mig! :)

Hör gärna av dig: [email protected]

25/04 2012, kl. 11.11
URL: http://sofiabostrom.blogg.se/

Amanda

åh, tack så väldigt. Ska börja testa nu på en gång och se om jag lyckas! Tack

28/04 2012, kl. 21.54
URL: http://happinessfoton.blogg.se/

Alice

Har försökt några gånger men det funkar inte. Det är bara den första bilden som syns och så är bilden jätte högt upp :/ Vad har jag gjort fel? Tacksam för svar :)

30/04 2012, kl. 19.12
URL: http://createdbyalice.blogg.se/

Moa

kan du hjälpa mig jag fattar ej

svara hjärna på min blogg http://desajnochtestbloggen.blogg.se/?tmp=02201458

02/05 2012, kl. 20.16
URL: http://desajnochtestbloggen.blogg.se/?tmp=02201458

Emelie - fotograf

tusen tack för detta! Men när bilderna skiftar mellan varandra slutar det med att de blir snea och konstiga.. ja du kanske ser själv hur jag menar? :)

07/05 2012, kl. 14.43
URL: http://emelieringblom.webblogg.se/

Emelie - fotograf

nu ser det bättre ut, det var inget. men tusen tack för att du har lagt upp en kod som var enkel att förstå :)

07/05 2012, kl. 14.45
URL: http://emelieringblom.webblogg.se/

Sophia

Hur tar jag bort headern i stilmallen?

09/05 2012, kl. 08.28
URL: http://eslmupparna.blogg.se/

camilla

hej , det funkade men gjorde den på min"försöksblogg" men hur gör man o man vill att det ska gå liite snabbare ? svara gärna i en liten kommentar på min "riktiga blogg" http://camme.blogg.se :)

09/05 2012, kl. 09.35
URL: http://camme.blogg.se/

Elin Sundberg♡

vart sätter man in bild url:en ?

18/05 2012, kl. 11.13
URL: http://photosbyeliiin.blogg.se/

Tilde Larsson

Hej! kikade in här och såg att du hade en jättte bra förklaring men en sak undrar jag... hur he du dit bilderna?

27/05 2012, kl. 08.44
URL: http://larssontilde.blogg.se/

KLARA

Det funkar inte! :`(

02/06 2012, kl. 19.14
URL: http://klaralivet.blogg.se/

EmmaStina

Jag har försökt men det går inteeee... Kan du inte göra en video när du gör ett bildspel i headern??

Tacksam för svar..!

09/06 2012, kl. 11.33
URL: http://emmastinahjarpe.bloggplatsen.se

Josefin

Hej jag gjorde som du skrev och det funkade inte, så om jag går in på min blogg nu så står det bara: Internal Server Error och nu vet jag inte vad jag ska göra .. tacksam för svar ganska omedelbart för jag kan inte gör något nu :(

10/06 2012, kl. 14.43
URL: http://jeephoto.blogg.se/

Alexandra

Hej! Bildspelet kommer in på bloggen men det sitter mycket längre upp än inläggen och blinkar konstigt när det ska byta bild!(?)

Vad kan detta bero på??

Kram Alexandra<3

14/06 2012, kl. 01.32
URL: http://aalexandrasvarld.blogg.se/

Sara

Hej! Allt fungerar jättebra när jag gör det på min testblogg men hur får jag headern mer i mitten? Just nu är det längst upp i vänstra hörnet :)

17/07 2012, kl. 21.53
URL: http://imsara.blogg.se

alexandra ♥ gola

det funkar inte på min! Bilderna "hoppar" i storlek så texten flyttas när dom byts.... :/ Hut ska jag göra, har ändrat storleken på bilderna och allt, har suttit i flera dar... hjälp?

01/08 2012, kl. 19.31
URL: http://azzdesign.blogg.se

Linnea - A NEW KIND OF PHOTOGRAPHING

Vet du hur man gor om man vill fa bort sa att man kan anvanda alla bokstaver .
Har vel tryckt pa ngn knapp som gor att jag inte kan skriva vissa bokstaver ..

25/08 2012, kl. 09.46
URL: http://bycjs.blogg.se

Melina

Det funkade! <3 Taack! Men går det att få bildspelet att gå snabbare? <3

24/10 2012, kl. 16.17
URL: http://melina.blo.gg

Sanna Foto Vardag

Tack! Det funkade jättebra!

09/11 2012, kl. 19.02
URL: http://www.floorball.blogg.se

Julia

Hej, bara halva bilden kom fram som ett bildspel!
Vad ska jag göra?
Tacksam för svar

23/12 2012, kl. 23.21
URL: http://LarzzonJulia.blogg.se

Jossan Åkerholm

Det funkade för mig! Men bildena krånglade...

Svar: Kul! Kan tyvärr inte svara på varför bilderna krånglade, enda tipset jag kan ge är att ta bort och göra om :)

Erika Sundelin

01/01 2013, kl. 15.36
URL: http://akerholm.blogg.se

johanna

Det funkade verkligen inte för mig och bilderna blev jätte konstig, testade hela kvällen igår och hela morgonen idag men det är lika ändå. Det ända som hände var att bildspelet kom upp över headern, även om jag tog bort headern hände det inget. Vet du vad som är fel?

13/01 2013, kl. 11.52
URL: http://johannalinden.blogg.se

ELIN

det funkade INTE :( fick tillbaka min fula gamla ''mattheader'' det gick inte...........

Svar: Tråkigt att det inte fungerar för vissa.. :(

Erika Sundelin

12/02 2013, kl. 14.56
URL: http://www.elinmnk.blogg.se

Linnéa

Det byter bara bilder i förhandsvisar läget plus att det inte går att ställa i storleken på bilderna :(

24/03 2013, kl. 13.01
URL: http://girlathome.blogg.se/

Martina

Har försökt att få detta att fungera sen klockan nio imorse, och så tog jag bort halva koden ungefär och då sa de POFF och allt fungerade klockrent. Den hackar upp sig lite ibland men jag tror nästan det har mer med min webläsare att göra än något annat.

Tack :) jag tror jag är lite kär i dig.

12/05 2013, kl. 14.23
URL: http://martinamartina.blogg.se

frida

TUSEN TACK!! FUNKADE PERFEKT :)

27/10 2013, kl. 13.19
URL: http://fridaslife.blogg.se