Om man vill ha en ruta under sin header, precis som jag har med mina gratissidor, så är det ganska så snabbt gjort.

Gör så här:

1. Gå in på din stilmall.

2. Lägg till följande kod:

3. Nu kan du modifiera koden efter dina egna önskemål.
#box{
width: 862px; <— Ändra bredden till den bredd du vill ha
background: #fadce4; <— Ändra färgen på bakgrunden där
border: 2px solid #616d76; <— Ändra kantlinjen där
margin: 3px 0px;
font-family: verdana, arial; <— Ändra typsnittet där
font-size: 10px; <— Ändra storleken på texten där
color: #000000; <— Ändra färgen på texten där
padding: 3px 10px;
}
4. Spara din stilmall och gå nu in i dina kodmallar.
bloggdesign designa din blogg ändra namn på länkar

5. Leta upp följande kod i kodmallen:
<div id="header">
  <h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
  <h2>${BlogDescription}</h2>
 </div>

6. Klistra in följande kod nedanför koden ovan.

7. Spara din kodmall och gör likadant på dina andra kodmallar.

Nu är det bara att lägga in den text eller bilder som du vill ha, det gör du där det står "Ditt innehåll här".

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.