Om man vill lägga in en liten flytande ruta i sitt inlägg, med kanske en annons, eller som jag har här på Designa Din Blogg, en videoinstruktion, så kan man göra det på ett lätt sätt.

Gör så här för att få en sådan ruta:

1. Kopiera följande kod:

.box{
width: 130px;
float: right;
clear: both;
border: 1px dashed;
margin: 5px;
padding: 5px;
}

2. Gå in på din blogg, och gå in under Design>Redigera stilmall och klistra in koden längst ner i din stilmall. Klicka sen på spara.

3. När du nu skriver ett inlägg, så ska du lägga in följande kod först av allt, detta görs i html-läge:

<div class="box">Innehållet i boxen</div>

Sedan är det bara att skriva i vad du vill att det ska stå i själva rutan. Det ändrar du där det står ”Innehållet i boxen” i koden.

Du kan givetvis modifiera själva utseendet på boxen med hjälp av din stilmall.

Detta kan du använda i dina kodmallar med, utan några problem… om du t ex vill att länkarna med permalink, kategori och kommentarer skall stå i rutan, då lägger du in koden i din kodmall på detta sätt:

<div class="box">
${EntryDate}<br />
${EntryTime}<br />
<a href="${EntryCategoryLink}">${EntryCategoryName}</a><br />
<a href="${EntryPermaLink}#comment">Kommentarer (${EntryCommentCount})</a>
</div>

Om du går in på denna sidan, så ser du hur det kan se ut då: designadinblogg.blogg.se/olivegreen

Ja, det går att hitta på massor av olika sätt att använda sig av denna rutan, bara er fantasi som sätter stopp.

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.