Frågan om hur man skaffar en större profilbild har kommit upp ett par gånger, så jag tänkte jag skulle berätta för er hur man gör det.

För att kunna göra detta, måste du redan ha en profilbild på din sida, annars fungerar det inte!

designa din blogg guide design blogga bloggdesign blogghjälp stor profilbild

Först och främst ska du välja ut en bild som du vill ha som pressbild. Anpassa bilden efter hur bred din meny är.

Börja nu med att ladda upp bilden på din blogg.

1. Klicka på Skapa bild.

designa din blogg guide design blogga header lägga in

2. 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 en passande bredd, ca 200px. (beror på hur bred din meny är)
Klicka sen på Ladda upp.

designa din blogg guide design blogga header lägga in

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

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

designa din blogg guide design blogga header lägga in

5. Nu får du upp din bild 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

6. Gå nu in i dina kodmallar.

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

7. Leta upp stycket i koden som ser ut så här (vissa avvikelser kan förekomma beroende på stilmall):

<tag:profile>
<tag:if test="${ProfileExists == ‘true’}">
<h4>Om</h4>
<a href="${AppUrl}index.bd?fa=pf.view&amp;pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a>
<p><a href="${AppUrl}index.bd?fa=pf.view&amp;pf_id=${ProfileID}"><span style="font-weight:bold"> ${ProfileName}</span></a></p>
</tag:if>
</tag:profile>

8. Nu skall du radera den kodsnutten som ser ut så här:

<img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" />

designa din blogg guide design blogga bloggdesign blogghjälp stor profilbild

9. Ersätt den gamla kodraden med följande kodrad (På de två ställen där det är kursiv text, skall du själv lägga in information, adressen till din bild som du kopierade innan och sen en bildtext, den som syns om man håller muspekaren över bilden):

<img class="image" src="Adressen till din bild" alt="Ditt namn eller något annat som förklarar bilden"></a>

designa din blogg guide design blogga bloggdesign blogghjälp stor profilbild

Klicka sedan på förhandsgranska eller spara och vips, så har du en större profilbild.
Skulle det vara så att bilden sticker ut utanför kantena på menyn, då får du göra bilden mindre.

Om Lari

Lari Salminen har skrivit 865 inlägg.

Grundare av Designa Din Blogg. Jobbar heltid som brandman på Medelpads Räddningstjänstförbund och driver den här sidan på fritiden som en hobby.