2009-01-26
19:05:02

Lägg till en footer

Bloggen är het idag ;) Mycket tack vare länkningen från Lari (Designa Din Blogg).

Måste också tacka för alla kommentarer jag fått, det är jättekul att läsa och svara, det ger mig inspiration att skriva många inlägg :)



Nu ska jag svara på en fråga som Malin ställde:
"Hur gör man en footer?"

Det finns många olika sätt att göra detta på, men det absolut enklaste enligt mig, där du slipper göra en massa anpassningar, är att skapa en ny "del" i stilmallen.

Detta gör du på följande sätt:
  1. Öppna din stilmall genom att logga in på bloggen, klicka på Design och sedan "alternativt redigera din befintliga stilmall."
  2. Därefter kopierar du hela koden som tillhör "#header", alltså från öppningsklammern ({) till avslutningen (}).
    Anledningen till detta är för att den koden redan är anpassad till din bloggdesign.
  3. Skapa lite utrymme strax under "#content".
  4. I utrymmet du har skapat skriver du nu "#footer" (eller vad du vill att din footer ska ha för div-id).
  5. Därefter anpassar du koden till det din footer ska innehålla i form av bakgrundsbild, höjd och liknande. Det mesta är trots allt klart tack vare kopieringen av header-formateringen.
  6. Slutligen är det enda du har kvar att lägga till din footer på bloggsidorna, vilket innebär att du ska infoga följande kod precis efter din <div id=content>-tagg är avslutad med </div>:
<div id=footer></div>



Jag hoppas att guiden är tillräckligt utförlig, så att ni lyckas lägga till er egen footer. Uppstår det problem, eller det är något ni inte förstår, skriv till mig så att jag kan förklara bättre så att ni lyckas :)

Kommentarer
Postat av: Ellen [Alatariiel]

SVAR: Jag har testat en massa i FireFox webdeveloped eller vad det heter och CSS men jag kan inte hitta det >_< Men vad snäll du är som äns försöker :D <3

2009-01-26 @ 19:18:23
URL: http://alatariiel.blogg.se/
Postat av: Malin | bloggdesigner |

sv: tack så himla mycket att du tar dig tid :)

Men just den där delen har jag redan förstått. Men det fungerar lixom ändå inte.. Tror att jag har lite för struligt i min kodmall, och massa </div> som ligger på slutet kanske strular till det? =)

2009-01-26 @ 19:22:10
URL: http://bloggdesignbymalin.blogg.se/
Postat av: Malin | bloggdesigner |

hm, skicka din mail så mailar jag över det. :)

2009-01-26 @ 19:28:03
URL: http://bloggdesignbymalin.blogg.se/
Postat av: Ellen [Alatariiel]

SVAR: Okej, jag la in det precis under Content men det funkade bara en liten stund innan sidan hann ladda klar ;S. En liten framgång.. men jag kanske inte ska lägga in det direkt under där.. kan kolla var du har det ;)

2009-01-26 @ 19:31:44
URL: http://alatariiel.blogg.se/
Postat av: Ellen [Alatariiel]

SVAR: Åhhh, jag vet inte vad jag ska göra.. det funkar en liten stund men sedan lägger det av "/.

2009-01-26 @ 19:41:39
URL: http://alatariiel.blogg.se/
Postat av: Malin | bloggdesigner |

Hoppas du fick mitt mail. Kommer du fram till någon lösning? :)

2009-01-26 @ 20:33:18
URL: http://bloggdesignbymalin.blogg.se/
Postat av: Filip

Annars fungerar den här utan problem:

http://ryanfait.com/sticky-footer/

2009-01-26 @ 22:53:56
URL: http://designskolan.net
Postat av: Caroline

Smart som jag är så förstår jag inte punkt 6 :/

2009-01-27 @ 23:00:59
URL: http://issilina.blogg.se/
Postat av: Grandinar'n

Va sjuttsingen är en footer?! :)

2009-01-28 @ 08:03:35
URL: http://ceekaay.blogg.se/
Postat av: Ida

Vad är en footer? (a)

2009-01-28 @ 15:44:25
URL: http://taralom.blogg.se/
Postat av: Hanna

Hej hej, jag har gjort som det står till nr. 4 men på nr 5 så kan jag inte se den på min blogg och sedan förstår jag inte vad du menar med det här: <div id=content>-tagg är avslutad med </div>:



snälla, kan inte du förklara i ett inlägg eller i en kommentar, Kram Hanna (tacksam för svar)

2009-02-21 @ 10:54:57
URL: http://vibyflickan.blogg.se/
Postat av: Sanne

Hej!

Jag har försökt, försökt och försökt att få till det, men det går verkligen inte! Har ju inte lagt upp det på min riktiga blogg än, utan det ligger kvar på testen... Jag kan inte se något fel... Vad kan jag göra för att fixa det? :)

2009-02-27 @ 12:47:49
URL: http://sannelovesjoel.blogg.se/
Postat av: C H A LL A NS FOTOBLOGG

Hej!! När jag lägger in en footer så åker hela min meny ner. Jag fatter inte varför...



Tacksam för svar:)

2009-05-16 @ 00:10:02
URL: http://absolutchallan.blogg.se/
Postat av: Therese

Hej hej, jag har gjort som det står till nr. 4 men på nr 5 så kan jag inte se den på min blogg och sedan förstår jag inte vad du menar med det här: <div id=content>-tagg är avslutad med </div>: , Vill jätte gärna kunna lägga in min egna footer , så du kan väl skrvia en komentaar i min blogg om hur man gör ? :) Tack .

-T

2009-06-21 @ 16:58:24
URL: http://theresekaarlsson.blogg.se/
Postat av: ¤Evaneseè



Får jag bara fråga en sak.

Ska man inte använda koden från #header någon stanns, typ klistra in den under # footer?

Eller vad är tänkt?



/Jennie

2009-09-13 @ 18:11:46
URL: http://egosidan.blogg.se/

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
RSS 2.0