Många frågar efter hur man skapar en sådan ruta som jag har i mina inlägg, där jag har lagt in koder som man skall kopiera.

Man kan använda den för att skapa en bildlänk, eller om man vill ha några andra koder som folk skall kunna kopiera.

Om du tycker att det är knepigt, kika på min videoinstruktion då, där du kan följa mig steg för steg på datorn.

Gör så här:

1. Börja med att skriva ett nytt inlägg på din blogg.

2. Där du vill ha rutan, skriver du KOD HÄR, för att lättare hitta den.

3. När du har skrivit klart hela ditt inlägg, tryck på Ändra redigerare.

4. Nu hamnar du i html-läge, och nu ska du leta upp KOD HÄR i själva koden och där ska du nu lägga in koden som finns i rutan nedanför (ersätt KOD HÄR med koden i rutan):

5. Där jag har skrivit DIN TEXT, där ska du lägga in själva texten/koden som du vill ska synas i rutan.

6. Vill du ändra på storleken på rutan, så ändrar du det på följande ställen (markerat med rött):

<textarea readonly=”readonly” onclick=”this.select();” onfocus=”this.select();” wrap=”soft” cols=”40” rows=”3”>DIN TEXT</textarea>

Sen är det bara att klicka på förhandsgranska och se så att allt funkar som det ska.

Om Lari

Lari Salminen har skrivit 877 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.