Blogin kuvakoon helppo muutos

Olette saattaneet huomata, että viime viikolla suurensin blogini kuvat niin, että ne ovat lähes saman levyisiä kuin teksti. En käynyt sivuja läpi klikkailemassa niitä isommiksi, vaan yksi koodinpätkä sai sen aikaan. Huomaa, että koodin vaikutus ei näy ruudussa, jossa kirjoitat tekstiä, vaan vain esikatselussa ja julkaistuilla sivuilla.

Koodi tehdään näin:

Avaa Bloggerin hallintapaneeli ja hae sieltä  kohta, jonne voi lisätä CSS-koodia.

 

Seuraavaksi:

Siitä avautuu tämä, joka sinulla on tyhjä, jos et aiemmin ole lisännyt omaa CSS-koodia:

Kuvakoon koodi kirjoitetaan avautuvaan ruutuun. Huom! minulla on esimerkissä muutakin koodia, joita olen lisännyt aiemmin, älä välitä niistä. Kopioi tai kirjoita siis ruutuun tämä koodi:

.post-body img {

width: 555px;
height: auto;
text-align: left;
}

Kaikki välimerkit täsmälleen :)

Tuo määrittää jokaisen aiemman ja tulevan sisältöalueen kuvan kooksi automaattisesti 555 pikseliä. Tuota lukua voit muutella miten vain, eli testata, mikä on juuri sinun blogisi sopiva kuvien leveys. Korkeus tulee automaattisesti.

Mainos:  Ansaitse rahaa verkkosivuiltasi!

Klikkaa oikeasta yläkulmasta "Käytä blogissa". Kun katsot blogiasi, riippuu selaimesta, kuinka helposti saat uuden kuvakoon näkyviin. Itse teen ulkonäkömuutoksia aina Firefox-selaimella, koska siinä saa välimuistin tyhjennettyä päivittämällä sivua useaan kertaan näppäinyhdistelmällä Ctrl ja F5 (PC:llä).

Kun teet uusia postauksia, lisää kuvat kuten aiemmin, koska saatat jossain vaiheessa haluta palata siihen.