Kuvien reunojen poistamiseen on kyselty useaan kertaan vinkkiä. Homma on superhelppo: kopioi harmaalla pohjalla oleva koodi ja klikkaile itsesi Bloggerin mallin suunnittelutyökaluun. Valitse sieltä alin Lisää CSS -kohta ja liitä koodi sille varattuun kentään. Tallenna malli lopuksi. Tämä koodi poistaa varjot kaikista blogin kuvista profiilikuva mukaan lukien.

.post-body img, .post-body .tr-caption-container, .Profile img,
.Image img, .BlogList .item-thumbnail img {
    border: 0px;
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
    border-radius: 0px 0px 0px 0px;
    background: none;
}

Myös sivupalkkien ja postausosion välisten varjojen poistamisesta on kyselty. Nämä kun tulevat Bloggerin yksinkertaisessa mallissa annettuna tekijänä, eikä niitä saa poistettua tuolla mallin suunnittelutyökalussa. Ne saa hävitettyä seuraavasti:

1) Klikkaa Blogin takasivulla Malli > Muokkaa HTML-koodia
2) Paina CTRL+F (Macissa CMD+F) > hakutoiminnon pitäisi ilmestyä ruutuun
3) Etsi sanoilla Content Shadow Spread > pitäisi löytyä 3 osumaa
4) Näiden jokaisen perästä löytyy seuraavat kohdat:

default=”40px” value=”40px”
default=”5px” value=”5px”
default=”10px” value=”10px”

5) Nollaa jokainen luku ja kokeile esikatselulla, poistuivatko varjot.
6) Jos blogi näytti siltä kuin pitikin, tallenna asetukset lopuksi.

Muistakaa olla varovaisia HTML:n muokkaustilassa. Blogin koodista on hyvä ottaa varmuuskopio ennen muokkaamisen aloittamista. Käytä aina mallin esikatselua eläkä tallenna mitään ennen kuin olet varma, että koodi toimii haluamallasi tavalla.

Toivottavasti näistä on apua! Palataan taas uusiin vinkkeihin myöhemmin. 🙂

158 kommenttia

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *