Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse

Lägga in en bild innan rubriken

Lägga in en bild innan rubriken

Hej alla!
Så här dagen före dopparedagen.. så tänkte jag ta tag i ett önskemål som många har haft.. nämligen hur man lägger in en liten bild i rubrikraden innan själva rubriken i inlägget.

bloggdesign designa din blogg blogghjälp bild framför rubriken

1. Det första du ska göra är att leta upp en bild som du vill ha.. tänk på att den inte ska vara för stor. Den bilden jag har, är 20 pixlar hög. Här finns en sida som du kan hitta en massa ikoner på.

Om bilden är stor, så gör om den i ett bildprogram…

2. Bilden som skall användas måste laddas upp på servern, så klicka på Skapa bild.

designa din blogg guide design blogga bakgrundsbild lägga in

3. Klicka på Bläddra och leta dig fram till där du har sparat din bild.
Under bildrubrik behöver du inte skriva något.
Storleken kan du välja att sätta på lägsta 100px.
Klicka sen på Ladda upp.

designa din blogg guide design blogga bakgrundsbild lägga in

4. Nu har bilden laddats upp på servern. Klicka på bilden.
designa din blogg guide design blogga bakgrundsbild lägga in

5. Klicka på bilden ytterligare en gång.

designa din blogg guide design blogga bakgrundsbild lägga in

6. Nu får du upp din bakgrundbild i din browser.
Markera adressen till bilden och kopiera den (högerklicka-kopiera).
Klicka sedan bakåt i din browser.







designa din blogg guide design blogga bakgrundsbild lägga in

7. Gå in i dina kodmallar nu.

bloggdesign designa din blogg ändra namn på länkar

8. Leta upp kodraden som ser ut så här:
<h3>${EntryTitle}</h3>

bloggdesign designa din blogg blogghjälp bild framför rubriken

9. Nu ska vi lägga in koden för själva bilden och den ser ut så här:

<img src=”Din bild”>
Där det står Din bild, ska du lägga in adressen till bilden du laddade upp nyss.

Koden skall läggas in på följande plats:
<h3><img src=”Din bild”>&nbsp;&nbsp;&nbsp;${EntryTitle}</h3>

Jag har lagt in tre stycken &nbsp; och detta är för att få ett mellanrum mellan bilden och texten. Om du vill ha mer mellanrum är det bara att lägga till ytterligare &nbsp;

Spara nu det hela och kolla om resultatet blev bra.

Lycka till…

Nu tar jag lite juluppehåll… så det kommer nog vara ganska så tyst här ett tag… men jag kommer tillbaka efter nyår igen.. med många uppdateringar och svar på era frågor…

God jul och gott nytt år!







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

14 kommentarer

  1. SvaraJade

    Hej, skulle bli väldigt glad om någon kunde hjälpa mig, för jag kan inte ladda upp bilder överhuvud taget på min blogg. Eller alltså, jag vet hur man gör, men sen går det supertrögt och mitt i allt säger den att den är klar och texten är borta från rutan osv, men bilden finns ingenstans…? Vet någon vad det kan bero på, och isf, kan ni snälla hjälpa mig?! 🙂 Tack

    1. Svarasarah

      det hände samma sak med mig men det funkade till sist automatiskt. jag hade förökt ca 5 ggr och en dag när jag logagr in så ser jag den där… :S

  2. SvaraCoolizzz

    Asså jag får in min bild, men den kommer inte före texten, den är antingen ovanför eller under rubriken och jag vill ha den före. Kan någon hjälpa mig???

  3. SvaraMandel

    Men till mitt tema ‘Nature’ hör det redan en bild. Hur byter man ut den? Jag hittade ingenting sådant i kodmallen.

  4. SvaraA N N A

    min rubrik hamnar 2 gånger efter varann. En gång utan bild, och en annan gång diagonalt under med en bild! hur fixar man det? :O

  5. Svara✞ Lisa

    När jag lägger in den hamnar den ovan för headern i vänstra hörnet. Jag vill ha den så att den är precis innan rubriken, hur ska man göra?

Kommentera

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

OBS! Om du skall skriva kod måste du göra på följande sätt: [code]Din kod här[/code]

Genom att använda DDB, godkänner du användning av cookies. mer info

Denna sajten använder cookies för bästa användarupplevelsen. Genom att använda sajten accepterar du att cookies används.

OK