Voeg een divider toe aan je blog

Allereerst dit; De maat van de divider dient te passen bij de breedte van je hoofdkolom.

Om uit te vinden welke maat dat voor jouw blog is log in je bloggeraccount en gaat naar 'Indeling' en dan naar ' HTML bewerken ' Scroll naar beneden en zoek deze tekst;

" #main-wrapper {

width: 500 px;

Het rode deel is de breedte van je hoofd(=main) kollom in pixels. Bij mij is dat dus 500 pixels.

Als je de divider klaar hebt sla je hem op bij bijv. Photobucket.com

Nu gaan we de HTML code aanpassen. Daarvoor ga je weer naar 'Indeling'>'HTML bewerken'.

Daar zoek je om het onderstaande stukje tekst;

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}

en die vervang je door deze tekst:

.post {

background: url(DIRECTLINK)

background-repeat: no-repeat;

background-position: bottom center;

margin:.5em 0 1.5em;

border-bottom:0px dotted $bordercolor;

padding-bottom:5.5em;
padding-bottom:3.5em;
}

De DIRECTLINK vervang je door de link van je divider bij Photobucket, en voila!

Het blauwe deel kun je gebruiken om de ruimte tussen tekst en divider groter of kleiner te maken

Nadat je, door op 'Voorbeeld' te klikken, gecheckt hebt of het allemaal goed staat bevestig je de wijziging door op ' Sjabloon opslaan' te klikken.