Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse
Lägg in en bild i menyn

Lägg in en bild i menyn

Vill du lägga in en bild i menyn på din blogg? Det kan vara ganska snyggt att ha en bild meny!

Denna guide visar hur du kan lägga till en bild i navigationen även kallade sidebar på din blogg.

Du kan enkelt testa dig fram att placera bilden vart du vill på bloggen egentligen, men mer om det senare.

Om man vill lägga in en bild av något slag i sin meny, så kan man göra det på detta sätt:

1. Ladda upp din bild på bloggen och kopiera adressen till bilden.

Så här laddar du upp en bild på blogg.se.

Vill du hitta en snygg bild att ladda upp? Det finns många gratis bilder att välja mellan i bildbanker.

2. Gå in i dina kodmallar.

Tryck på Alt-tangenten på tangentbordet och välj Design i snabbmenyn.

design meny
Klika sedan på Redigera kodmallar.

redigera kodmallar

3. Leta upp kodraden <div class=”nav”>. Nedanför den kodraden skall du sedan klistra in följande kod.

Där det står “Adressen till din bild” där lägger du in adressen till bilden du laddade upp på bloggen innan i steg 1.

Klicka sen på spara, så kommer du att se din bild på bloggen sen.

Om du vill ha bilden någon annanstans, så är det bara att testa dig fram med att lägga den på andra ställen i koden.

Grundare av Designa Din Blogg. Drev den här sidan som ett hobbyprojekt under åtta år, numera har jag lämnat över ansvaret för DDB. Är pappa till Ludvig och make till Elin.

Läs mina andra inlägg

170 comments

  1. Svara:) /F

    Hej!
    Jag undrar om man kan lägga in en bild allra längst upp, alltså över headern? Tacksam för svar! /F

    1. SvaraNora

      Det borde man kunna! Eftersom man kan lägga in reklam ovanför headern. SKulle kunna tänka mig att man kan sätta in bilden mellan body och wrapper i kodmallen (:

  2. SvaraOld As New - Din secondhandbutik på nätet

    När jag ska lägga in en bild i menyn hamnar de hela tiden längst ner på bloggen och flyttar hela menyn till längst ner i menyn också, hur ska jag göra för att de ska bli rätt?

    Svara hälst på mailen

      1. Emma

        Bilden du har laddat upp är kanske för stor? 🙂 prova att ladda upp bilden i en mindre storlek

      2. A-K

        Man måste inte göra om allt, bilden är för stor för menyn. Då hoppar hela menyn ner. Prova att ladda upp en bild runt 200 px eller kanske mindre, så att det inte hoppar ner! 🙂

    1. SvaraAnn-Kristin

      Nej du behöver inte göra om din stilmall och kodmall, din bild är för stor, det är det som är problemet!

      Förminska bilden och ladda upp den på nytt! 🙂

  3. SvaraEmy

    Snälla hjälp mig!!!

    om du ta en titt på min blogg och rullar längst ner så står det “sök i bloggen och Arkiv” den rutan vill jag flytta upp till höger till en egen tabell. och jag vet inte hur man gör…
    Jag vill göra så den står i en egen kolumn till höger och har så svårt med HTML -kod!!
    snälla hjälp mig….
    kan du vara snäll och svara till min mail.

    //Emy

  4. SvaraJohanna

    Hej, jag undrar hur man ändrar färgen på själva menyn? Asså min är just nu grå men jag vill ha den svart, hur gör man?

  5. SvaraAgnes

    Hej, jag har gjort en till meny som är helt tom där jag vill ha massa bilder på rad, men hur får jag bilderna i den menyn? Det är en meny på varje sida av bloggen. Snälla hjälp mig. Användarnamn: agnes
    Lösen: agness..

  6. SvaraAnna

    hejsan… finns det någon funktion på blogg.se som som gör det möjligt att kopieringsskydda sina bilder?
    //Anna


    1. Author
      SvaraLari

      Hej! Det går inte att kopieringsskyda bilder på internet alls idag. Vill en person komma åt bilder på en hemsida, så finns det alltid knep att göra det.

  7. SvaraFanny

    Vart har inlägget tagit vägen där man lägger upp en bild i menyn och gör det till en länk? :)!

  8. Svaraemelie larsson

    hej undrade om man vill lägga till en bild med en text under som man skriver själv hur gör man då
    / emelie

  9. SvaraOlivia Ahlin

    Hej! Jag undrar hur man ändrar färg på länkarna i menyn. Du har skrivit det men när jag klickar där så funkar det inte. Jag har ljusrosa men jag vill ha svart text. Skulle bli superglad ifall jag får ett svar! /olivia

  10. SvaraJenny

    Hej! Älskar din hemsida, använder den hela tiden 😀 Undrar bara en sak… Länkarna i menyn har ett streck under sej, hur får man bort det? Och en annan sak, hur får man profilbilden att hanma någon centimeter längre upp/på sidan? Tacksam för svar :)<3

  11. SvaraKatrin

    Hej! Jag hade tänkt lägga in bilder i menyn så det ser ut som kanterna längst ner & högst upp liksom “avrundas”. bilderna fixade jag i GIMP & jag förstår liksom hur man lägger in bilderna i kodmallen.
    MEN det jag inte förstår är; hur får jag bilderna i mitten?
    Bilden flyttar sig liksom till höger.. Tacksam för svar! 🙂

      1. gabbe

        kom på det nu! Om du inte redan gjort det, så här är hur man gör:D Under #side måste du ställa alla padding och margin på 0px:)

  12. SvaraAmanda

    Hej! Kan man används koden till att lägga in bilder till “senaste inläggen” osv.? Tänkte mej en “bild” där man med egen tesxt kan ha skrivit senaste inläggen i färg, ikoner och sånt och sen kan ladda upp som bild där. Blir roligare då.. Jätte svårt att förklara men har sett det på vissa bloggar.

  13. SvaraAnn-Kristin

    Hej! Någon som vet hur man får mellanrum mellan alla inlägg (Så att bakgrunden syns!) på blogg.se? För jag vet att de med blogspot kan göra det men kan vi på blogg.se göra det?

    Jätte tacksam för svar, spelar ingen roll från vem!

  14. SvaraJulia

    hej, joo jag undrar om du skulle kunna hjälpa mig med en sak..? jag har sett på en annan blogg för ett tag sen att hon hade två menyer på varsin sida av sin wrapper och på den ena hade hon menyn och på den andra sidan hade hon bara fullt med bilder, frågade henne men jag hittade aldrig bloggen igen och jag skulle så gärna vilja ha det så! altså med bilder på ena sidan och menyn på andra sidan! tacksam för svar av vem som hälst! tack, Kram Julia 🙂

  15. Svaradina :D

    jag förstår inte riktigt en sak, hittar det inte, men hur sätter man in en profilbild? Min syns inte, även om jag har en profilbild

  16. Svarafelicia

    Snälla hjälp mig!

    jag har ett problem med bloggdesignen,

    Det var en tjej som gjorde min design för länge sen, och hon satte dit typ en ‘bild’ som det stog ‘design by: och hennes namn’,
    men nu ska jag göra om designen själv och jag kan inte få bort den lilla bilden ! snälla jag behöver lite hjälp!

  17. SvaraI S A B E L L A

    Om man vill ha mer mellanrum mellan bilderna man lägger upp i menyn, vilken kod lägger man till då? kram

  18. Svaraemma

    hej när jag gjorde det där så blev bilden gör stor och jag vill vet hur man gör den mindre!skulle bli glad om du svarade! kram

  19. Svaraemma

    hej när jag gjorde det där så blev bilden gör stor och jag vill vet hur man gör den mindre!skulle bli glad om du svarade!// émma

  20. SvaraAnna

    jo jag har försökt lägga upp bilden i menyn! men det funkar inte! jag har gjort exakt som det står men sen när det är klart så blirr det bara ett rött kryss istället för bilden!! snälla hjälp mig vad kan jag ha gjort för fel?!

  21. SvaraAnna

    jo jag har försökt lägga upp bilden i menyn! men det funkar inte! jag har gjort exakt som det står men sen när det är klart så blirr det bara ett rött kryss istället för bilden!! snälla hjälp mig vad kan jag ha gjort för fel?!
    SNÄLLA SVARA!

  22. SvaraZnE

    undrar om det går o lägga flera bilder under varandra?
    de säkert möjligt att de går men är det bara att ta samma kod fast under varandra , med olika bilder såklart .
    tacksam för svar ! 😮

  23. SvaraMartina

    hejsan, jag undrar hur får man bilderna på ett annat ställe?
    det står att man ska lägga bilden/bilderna i nått annat ställe i koden men vart?  jag fattar inget x’d

  24. Svarafabbe

    en fråga som jag gärna vill ha svar på: Går det att göra den bilden man la in på sidan av bloggen till en länk? 😀

  25. SvaraMarie

    hjälp mig! om du kikar in på min blogg så ser du bilder med blommor över headern… jag får inte bort dem, snälla hjälp min med hur man gör!! 🙂 svara på min blogg eller på min mail, tack på förhand! (blommorna är kvar från temat “flower” eller vad det nu hette)

  26. SvaraEmma

    Jag vill ha en bild i menyn. Kopierade en hel bloggmall från en annan sida och nu hittar jag inte det avsnittet med div class nav… Hur gör jag då?

    1. Svarahanna

      om du vill hitta koder lättare så gå on på still eller kodmall och tryck ner Ctrl och F så kommer det upp en sökruta som du ksriver in koden i 😀

  27. Svarahanna

    hej, jag har ett väldigt jobbit problem vad det gäller min blogg .. det är så att jag vill lägg in några bilder i min meny,och jag vet och kan hur man gör det.
    , inga problem alls 😀 men det som är problemet är att jag vill flytta bilden/bilderna som är i menyn åt vänster ,för just nu är dom åt höger .. så finns det någon speciell kod för att centrera bilderna i menyn ? 😀 jag skulle bli väldigt glad för svar för jag har sittit och klurat och prova masser men inger fungerar .. 🙁
    du kan majla mig om du har nått svar 🙂

  28. Svaraneao

    Hej, jag kommenterade tidigare idag ang lite hjälp med min meny, men nu kan jag inte hitta tillbaka till det inlägget….. Du (eller någon annan som läser detta) får jättegärna titta in på min blogg för att hjälpa mig.

    Har två rutor med text högs upp i min meny och vill att övriga delarna (senaste inläggen/kategorier/arkiverat/länkar) också ska vara i samma sorts rutor. Snälla, hjälp mig 🙂

  29. Svaralotta

    Hejsan, jag har två menykolumner på min blogg och vill lägga till bilder i den ena, jag är tacksam för svar till min mejl!

  30. SvaraOlivia

    Jag vill ändra bild på min header och gick in här för att titta hur man gör. Men när där står ” Ladda upp din bild på bloggen och kopiera adressen till bilden ” Vilken adress menar ni då? Bara det som är problemet. Tacksam för svar!

  31. SvaraEllen

    Heej! Om du tar en titt på min blogg ser du att texten är över bilden i menyn. Jag skulle vilja veta hur man får bilden över texten ist. Tacksamm för svar!:)
    Svara helst vi mail!

      1. Johanna

        Det är bara att ladda upp den i tex 100 px eller 200 px beroende på hur bred meny man har 🙂

  32. SvaraEmma

    det blir bara jättekonstigt på min blogg? :O Bilden blir inget annat än koden till bilden…? Hjälp någon?

  33. Svaramili

    hej!
    jag har en gratisdesign härifrån & jag vill lägga in en bild i menyn. Men för att bilden ska passa in i menyn ska den vara 120px bred. Hur ändrar man från 100px till 120px? snälla, behöver verkligen hjälp!

  34. SvaraMatilda

    Alltså konstig fråga.. men jag kan inte radera bilden i menyn!! Har tagit bort koden som man var tvungen att använda för att det ska fungera men ÄNDÅ försvinner den inte!

    Hjälp någon?

  35. SvaraMADELEINE -

    Hej! 

    jag undrar hur man gör för att få saker i designen, och i slutet på varje inlägg tex. vänterställt, högerställt eller ”mittenställt”.

    skulle bli otroligt tacksam för svar! 

  36. SvaraLovisa

    Hej jag vill att min meny ska vara under headern & ovanför alla inläggen, nån som vet hur man fixar det? Mycket tacksam för svar  : 
                             Header:——————–                         Meny:———————–Om mig-          Inlägg:——————— ———–———–………….. Sneaste inläggen:-———–———-———–

  37. SvaraLovisa

    Hej jag vill att min meny ska vara under headern & ovanför alla inläggen, nån som vet hur man fixar det? Mycket tacksam för svar  : 
                             Header:——————–                         Meny:———————–Om mig-          Inlägg:——————— ———–———–………….. Sneaste inläggen:-———–———-———––

  38. SvaraS O F I E♥F O T O

    Om man vill att bilden i menyn ska “hänga” utanför i menyn, hur gör man då?

    Exempel:

    Vill gärna veta!

    1. SvaraAddehws

      Testa Annvända #Side i Stilmallen.
      Där set står t.e.x left:-30px; Ändra -30 Till 40. Lek dig fram..

      Addehws.
      Ps. Spara en backup av stilmallen innan du börjar! Ds.

    2. Svaralimpan505

      ladda upp bilden igen men ta 400 px så att den inte blir så stor!
      då ska den säkert hänga med i menyn!

  39. Svaraanka

    Hej! Jag undrar hur jag ska göra för att få bilderna att synas på dem andra sidorna också, andra än startsidan. På Framsidans kodmall har man ju tydligt var man vill ha bilderna, men alla kodmallarna är ju olika, så hur ska man veta vart man ska sätta bilderna då?

  40. Svaramaja

    heej. man har ju en bakrund i bloggen! men hur gör man så det är en färg som går hela vägen ner som sen inläggen hamnar på!?? skulle vara snällt om någon svara:)

    1. SvaraTimmy Johanna

      Gå in på paint och ta en färg som du vill ha som bakrund och färg lägg den över hela “pappret”, sen om du har skärm klipps verktyget så tar du det och skärmklipper en bit färg, sedan lägger du upp bilden som man ska, och sparar bild adressen 🙂
      ELLER, går du på http://www.home.no/alurcard2/farg%20koder.html
      där hittar du alla färgkoder

  41. Svaramartina

    Förstår inte vad det är med min kodmall.. har försökt få bort permalink och  trackbacks flera gånger och tycker inte jag ser det i kodmallen längre men ändå är de kvar.. 
    försökte precis lägga till en bild också och gjorde EXAKT efter vad som står här men det funka ju inte ändå.. 

  42. SvaraLinus

    jag som själv är nybörjare:) ? Kan man inte kommentera sin egna inlägg? Jag ser dom i min översikt men inte bloggen.. why?

  43. Svaramartina

    nu fixa sig min blogg tillslut 🙂 
    jo man kan kommentera sina egna inlägg! 
    hm.. hur menar du med “inte i bloggen”? 🙂

    1. SvaraLinus

      Vad skönt!
      Tänkte svara på ett av mina inlägg men kommentaren syns inte jämte de andra? Endast ser ja min kommentar på Översikten!.. kan inte du slänga in en kommentar för o se om det funkar? 😉

  44. SvaraIsabelle

    Min bild är utanför själva menyn, hur fixar man så att bilden liksom inte hänger utanför själva menyn?
    Har försökt med att ändra i padding och left i #side, men får inte till det…

  45. SvaraMartina

    Hej! jag försöker få in en profilbild i menyn men det fungerar inte.inte på Inställningar -> profil. Jag har även provat detta sätt ovan, hur ska jag göra?

    1. Svaralimpan505

      Gå in på instälningar profil där ska man skriva vad man
      heter sin födelsedag och sånt
      sen bläddrar du lite längre ner där står det profilbild och brevid så står det välj fil ellr bläddra…
      Då välger du den bilden du vill ha som profil!
      och sen sparar du längst ner!
      sen går du till din blogg höger klicka och så uppdatera!
      Och woopps! så har du en profilbild

  46. Svarajessika

    hej !
    jag vill ha en “om” ruta på min blogg men får inte dit någon..hur ska jag göra! ?? starkt behov av hjälp

    1. Svaravilma :)

      någon som vet hur man gör bilden till en länk? alltså i menyn, jag har gjort det innan men nu hittar jag inte hur man gör!

  47. SvaraMalin

    Hej! Det funkar! Men jag vill inte ha bilden i själv menyn, utan på andra sidan bloggen, där det mer eller mindre är tomt. Hur gör jag?
    Vore ytterst tacksam om någon ville hjälpa!

  48. SvaraMarit Rönnestad

    Hur ska jag göra, när jag har en dropdownmeny, men har lagt till en andra meny, där jag bara vill ha bilder t.ex? Jag har ju tagit bort allt med “originalsiden”. 

  49. SvaraEvelina

    Vilken storlek ungefär ska bilden vara? Har prövat jätte mycket men bilden blir bara för stor eller för liten, jag vill inte ha den “hängandes” över kanten på menyn! Tacksam för svar 🙂

  50. Svaranikolina

    heej vet någon hur man fixar så att profilen ketegorier arkiv och det är på högersida? tacksam för svar

    1. SvaraKamilla

      Ja! Du går in i stilmallen, bläddrar ner till “side” och byter float-left till float-reight eller hur du nu vill ha det:)

  51. SvaraMalin

    Hej! När jag byter bild i kodmallen och sparar så kommer bara den gamla upp (även om jag uppdaterar) och den går inte ens att ta bort!!

    dessutom så är den alldeles förstor men det kan jag ju inte ändra för de nya storleken eller bilden kommer ju inte upp!!

    Svara gärna

  52. SvaraKamilla

    Hejsan! Vet nån hur man gör brädden större där var inlägget är, så att man kan få större bilder?
    Snäll hjälp:)

  53. SvaraHanna

    jag vill lägga in bilder i min andra meny som jag la till på höger sida! (alltså inte min vanliga meny) hur gör man det?

  54. SvaraAnna ;)

    Asså man kan ju lägga till en meny.. Hur lägger man in en bild i den menyn man har laggt till? Skulle gärna vilja veta!!!!! Svara PLIIIIIZZ :DD

  55. SvaraCaroline & Ronja

    Hej 🙂 Vi vill ha bilden i mitten av menyn, men vi vill även ha så att den hänger ut på båda sidorna av menyn. Hur gör man de? 

    Vi har typ provat allt! Om man ni går in på tinkerbella.blogg.se och kollar hennes bilder i menyn, så vill vi ha de! 

    Sjukt tacksamma för svar/hjälp! 😀

  56. Svaraklara

    Är det någon som vet hur man flyttar ner menyn i jämnhöjd med inläggen. Kolla gärna min blogg, så förstår ni vad jag menar.

    Tacksam för hjälp! 😉

  57. SvaraFelicia

    när jag laddar upp bilden i 100 blir den för liten och i 200 för stor, hur ska jag göra för att få den i samma storlek som meny bredden ? har testat att göra menyn bredare men då åker den ner och hamnar “under” bloggen, alltså under alla inlägg !

    HJÄLP!

  58. SvaraAnna

    Hej Lari!
    Jag har problem med min nya bloggdesign. Jag har flyttat upp min meny så att den ligger vid sidan av min header, men går man in på ett inlägg eller in i en arkivmånad så ligger menyn högre upp än på framsidan! Varför blir det så och kan man ändra på det? 🙂

    Tack för en grym blogg!

  59. SvaraEllinor

    hej! snälla du, jag behöver verkligen hjälp! Min meny har helt försvunnit! den är bara borta.. bytte header som vanligt och när jag var klar va menyn borta.. Snäll hjälp! Kolla min blogg här, så förstår du vad jag menar! http://www.ellinorekholm.blogg.se

    mvh
    desperat tjej!

  60. Svarajosefine

    hej! när jag sätter in bilden kommer den halvt utanför menyn, och det är inte så att bilden är för stor. så min fråga är: hur flyttar man bilden åt sidorna i menyn? 🙂 

  61. SvaraMinar

    Hej! Min meny är i storleken 245px och när jag laddar upp bilden i 200px blir den för liten,men när jag laddar upp bilden i 300px så blir den förstor..Jag skulle vilja ha bilden i storleken 200px men med bilden i mitten av menyn och inte i kanten…Vet någon hur man hjälper?

  62. Svaraberit

    Fy fan vad den här siden suger kuk. Ta bort all fittig reklam och alla skitsidor som poppar upp så fort man klickar på något och som länkar till en jävla massa satans skit. idiotiskt och väldigt frustrerande……….

  63. SvaraAlice

    Hej, vet du möjligen hur man lägger in en bild ovan för menyn? har testat olika sätt men då åker menyn ner, vill kunna ha den där utan att menyn ska vara långt ner!

  64. Svaraemma bieber mucibabic

    ett tips är ju att skapa en extrablogg som du testar alla designs på , så att det inte blir fel på din original bild ! 

  65. SvaraHanna

    Hej, jag har fått ordning på det där osv. Men min bild hamnar liksom mer åt höger än åt vänster på menyn. Hur gör jag för att få den i mitten?

  66. SvaraJosefine

    Hej!Jag bloggar med blogg.se och har nya temat “Dusty rose” och då funkar det inte att göra sådär så jag undrar om du vet hur man lägger in bilder i sidomenyn med det temat?? Tack

  67. Svarat

    min meny hamnar längst ned på sidan, efter alla inlägg men jag hittar inget sätt att fixa det snälla hjälp

  68. SvaraRose

    Men jag har lagt in koden på precis den plats som jag ville ha den på alltså samma plats som du visade, men sen så sparar och så kollar jag på min blogg, men bilden är fortfarande inte där. Har försökt uppdatera genom att klicka på F5 men det funkar inte heller.

  69. SvaraJossan ♥

    När jag gör detta så kommer det röda prickar runt om bilderna.. hur ska jag göra för att få bort det?

  70. SvaraTove

    Hej, när jag gör det här så hamnar adressen till bilden ovanför, hur får jag bort det?

    Annars gick det jättebra, behövde bara gör menyn lite bredare så att bilden passade ordentligt.

  71. SvaraJohanna

    Jag utgår ifrån love-stilmallen och när jag då lägger in bilder i menyn så blir det fula prickar runt dem, hur gör jag för att få bort prickarna? Titta på headertestare.webblogg.se om ni inte förstår vad jag menar.

  72. SvaraElin

    När man laddat upp bilden och sen ska klicka på den för att kopiera addressen, så funkar det inte att klicka på den överhuvudtaget.
    Hur får jag då tag i själva “bildadressen”? Tacksam för svar!

  73. SvaraYvonne

    Behöver lite hjälp här 🙂
    I min bloggs högra meny har jag lagt i klickbara loggor. Loggan längst ner (E:et) vill jag centrera, men vet inte hur jag ska koda till det hela.
    Hur? Hjälp?
    / Yvonne

  74. Svarabujin

    hej min bild till menyn blir jäte konstig.
    JAg vet inte hur man gör det blir bara en ruta med x i. hjäälp fort!

  75. SvaraMilina

    Hej!
    Jag har en fråga angående lite krångel på min design.

    Mina bilder hamnar alltid lite mer åt höger än i center. I menyn där jag lagt in bilder så ser man att dom ligger lite mer åt höger (förutom min profilbild) och jag måste ladda upp alla mina bilder i 700px på datorn och ha dom i “left” – då täcker dom hela wrappern/content. Men när jag ska ladda upp en bild via appen så går det inte att ladda upp den i 700px, för då går den ut en bit utanför wrappern/content och täcker inte hela, oavsett om jag publicerar bilden i left eller center. Det funkar bara på datorn. Så, jag måste ladda upp bilden i 600px via appen för att det ska funka. Min meny är 300px och bilderna i menyn likaså, om jag laddar upp en bild i 200px och lägger in i menyn så hamnar den i mitten, men dom jag har nu som är i 300px hamnar mer åt höger som sagt.. (utom profilbilden) och jag fattar verkligen inte vad det beror på det.. Har testat att fixa i stilmallen under Image, men ingenting händer… Vet du/ni vad det beror på eller har tips på vad jag borde kolla upp? 🙂

    1. SvaraSanna Preifelt

      Med tanke på att designen du har är tagen utav en av gratisdesignerna här på DDB, som du sedan modifierat men tagit bort designerns länk så föreslår vi att du först kollar upp om detta är tillåtet och om inte – lägger tillbaka länken, så kan vi hjälpa dig därefter.

    1. SvaraSanna Preifelt

      Du har en design som är med blogg.se’s nya syntax och där ser det inte likadant ut. Har för mig att de nya använder taggen <aside>, så det kan du leta efter istället.

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *