BLOGIN LOPPU

Jotkut ovatkin varmaan huomanneet, että mun lifestyleblogissa on nyt tauko meneillään, koska mulla ei ole innostusta bloggaamiseen. Nyt ajattelin, että lopetan kokonaan tämänkin blogin pitämisen, koska ei ole yhtään innostusta tätäkään blogia kohtaan. Sitten, kun koulut taas alkaa en ehtisi tänne varmaan postaamaan, koska yritän panostaa viimeiseen vuoteen peruskoulussa.

Ohjeita on tullut jo pidemmän aikaa vain kerran kuussa, enkä ole toteuttanut teidän toivepostauksia oikeastaan yhtään, koska olen mennyt vain helpoimman kautta ja tehnyt lyhyitä ja yksinkertaisia postauksia. Yritin kertoa tämän nyt lyhyesti ja ytimekkäästi. Toivottavasti kuitenkin ymmärrätte ja toivottavasti teitä ovat auttaneet nämä ohjeet täällä mun blogissa! Jos kuitenkin jatkossa tarvitset jotain apua vielä niin voit lähettää mun lifestyleblogiin kommentin tai tulla kysymään Instagramin directissä @jenniimx.

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!

GADGETTIEN KESKITTÄMINEN

En ole nyt pitkään aikaan postannut, koska ei ole ollut ideaa, eikä aikaa. Nyt kuitenkin ajattelin tulla postaamaan tämän gadgettien keskittämisen. Pitäisi varmaan tehdä luonnoksiin postauksia valmiiksi.

1. Malli > Muokkaa HTML-koodia.

2. Avaa ensimmäinen nuoli ja tämän koodin voi periaatteessa lisätä melkein mihin vaan. Suosittelen kuitenkin, että lisäät sen seuraavan kohdan alle.

/* Content
----------------------------------------------- */

3. Lisää koodi

.sidebar {
text-align: center;
}

3. Esikatsele ja tallenna.

POSTAUKSEN OTSIKKOON TAUSTAKUVA

1. Etsi kuva, jonka haluat otsikkoon taustakuvaksi.

2. Lataa kuva johonkin kuvapankkiin, esim. Photobuckettiin ja kopioi kuvan osoite.

3. Mene kohtaan malli > muokkaa html-koodia ja lisää seuraava koodi johonkin sopivaan kohtaan:

.post-title{
background: url(kuvan osoite);
}

4. Liitä kuvan osoite sulkujen sisälle violetin tekstin kohdalle, esikatsele ja tallenna.

VIIVA POIS KOMMENTEISTA

Eli viiva, joka on vastaajan kommentin alla, jos kommenteissasi on sellainen tiedät varmaan mitä tarkoitan.

1. Malli > muokkaa HTML-koodia
2. Lisää seuraava koodi esim. alla olevan Comments- kohdan alle, näin:

/* Comments
----------------------------------------------- */
.comments .continue {
border: transparent;
}

3. Esikatsele ja tallenna.