lördag 25 april 2009

Lägg till en ikon vid bloggpostens rubrik


Visst kan det vara gulligt med en liten ikon/bild brevid din rubrik i blogginläggen.
Det är inte svårt alls att lägga in i din kodmall, men att välja vilken bild man vill ha - tja, det kan ju vara lite knepigare...

Det första du gör är att bestämma vilken bild du vill ha och hur stor den ska vara. Jag har i mitt exempel en bild ovan som är 50x50 pixlar stor, så minska 10-20 pixlar om du vill ha en mindre bild och öka storleken om den ska vara större.

Nästa steg är att ladda upp din bild på t.ex. Photobucket eftersom du behöver ha en webadress till din bild.
Kopiera den här koden och klistra in den i Anteckningar (finns i din dators startmeny om du använder Windows):



<img src="http://DIN BILDADRESS HÄR" style="border-width:0px" /> 

Byt ut DIN BILDADRESS HÄR mot din bilds direklänk. Det är den länken som jag ringat in med rött nedan. Se till att det inte blir dubbla http:// - jag lät det vara kvar i koden för att förtydliga vart din adress ska klistras.


När du har gjort det går du in på din bloggs Layout - Redigera HTML.
Kryssa i rutan "Utöka Gränssnittskomponentmallar". Då visas hela din bloggmall istället för den kortare versionen.

Nu är det dags för Ctrl+F igen. När du trycker på de två tangenterna samtidigt visas en sökruta/rad ( beroende på om du har Internet Explorer eller Firefox ) och du kan skriva i ett sökord. Kopiera följande kod och klistra in i sökrutan :



<a expr:href='data:post.url'>   

Du kan också söka efter orden manuellt, men det är mycket text att leta igenom så jag rekommenderar sökfunktionen.

När du hittat rätt rad klistar du in din kod med bildadressen precis efter > tecknet, som i nedanstående exempel.







Klicka på förhandsgranska!
Spara om du är nöjd.

Nu kommer din bild att visas vid varje inlägg där du har en rubrik. Om du inte skriver en rubrik över ditt inlägg blir det alltså ingen bild!