LINKKIEN KURSIVOITUMINEN KUN HIIREN LAITTAA PÄÄLLE

Jos haluat blogin linkkiesi olevan kursivoituja, kun hiiren laittaa päälle, saat ne tällä koodilla. Tämä teksti on kursivoitu.

1. Malli > Muokkaa HTML-koodia

2. Lisää (esim. kohdan Content alle) koodi:

a:hover{
font-style: italic;
}

3. Esikatsele ja tallenna tuttuun tapaan.

OTSIKOIDEN VÄLIEN PIENENTÄMINEN

GADGETIEN VÄLIEN PIENENTÄMINEN

1. Lisää HTML-koodiin alla oleva koodi (esim. kohdan Content alle)

.widget {

margin: 5px 0 0 0;

}

2. Oranssia lukua muokkaamalla väliä saa isommaksi/pienemmäksi. Sen jälkeen esikatsele ja tallenna.

PÄIVÄMÄÄRÄN JA OTSIKON VÄLIN PIENENTÄMINEN

1. Mene taas HTML-koodiin ja lisää sinne alla oleva koodi samalla tavalla kuin edellisessä.

.date-header {

margin-bottom: -15px;

}

2. Muokkaa lukua haluamasi kokoiseksi ja esikatsele ja tallenna.

PÄIVÄMÄÄRÄN JA BANNERIN VÄLIN PIENENTÄMINEN

1. Mene taas HTML-koodiin ja lisää alla oleva koodi samalla tavalla kuin edelliset koodit.

.date-header {

margin-top: -15px;

}

2. Muokkaa lukua taas haluamasi kokoiseksi ja esikatsele ja tallenna.

MITEN LISÄTÄ GADGETTI ILMAN OTSIKKOA

Nyt on koulussa viimeisiä viikkoja, joten en ole ehtinyt tekemään mitään ohjetta ja yritän päivittää aktiivisesti lifestyleblogiani niin aikaa ei ole riittänyt tänne. Nyt kuitenkin vuorossa simppeli ohje. Ohje on tarkoitettu enimmäkseen kuvagadgeteille, koska HTML/JavaScriptit saa ilman otsikkoa.

1.  Mene kohtaan ulkoasu > lisää gadget

2. Lisää kuva ja kirjoita otsikkoon <!>

3. Esikatsele ja tallenna!