Kuvat ilman kehyksiä ja postauksen allekirjoitus kuvalla

Tässä postauksessa lyödään kaksi kuva-aiheista kärpästä yhdellä nopealla iskulla: otetaan Bloggerin kuvien ympäriltä pois turhat kehykset ja liitetään joka postauksen loppuun kuva. Kummatkin operaatiot ovat niin nopeita ja helppoja, että siinä ei kauaa nokka tuhise.

Kehykset pois kuvista

Jos lataa sen kummempia kikkailematta kuvia Bloggerilla,  kuvia saattapi koristaa kaunis - tai kauhea - kehys. Voi olla, että kuvasi näyttäisivät paremmilta ilman tuota reunusta koristamassa niitä: sommittelu olisi kohdillaan, ilmeesi olisi normaali, asusi olisi viimeistä huutoa ja kilojakin olisi karissut se muutama.

No ei nyt sentään. Kehys on todellakin mahdollista poistaa. Sen puuttuminen voi siis miellyttää silmääsi enemmän, kuin kehyksellinen versio kuvasta. Loput edellä mainitut muutokset jäävät kuitenkin sinun kontollesi!

Kehyksellä

Ilman kehystä

Kehyksen heivaaminen on helppoa kuin heinänteko (mikä sinäänsä on hämäävä ilmaisu, koska nykyihmiselle heinänteko on varmasti työläs ja vaikea operaatio). Tee vain näin:

1. Varmuuskopioi blogisi.

2. Siirry Malli -> Mukauta -> Lisäasetukset -> Lisää CSS ja syötä seuraava koodi kenttään:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

3. Paina vielä kerran enteriä koodin syöttämisen jälkeen, jotta saat yhden rivin sen alle.

4. Klikkaa Käytä blogissa oikeasta yläreunasta ja mene blogiisi ihastelemaan, kuinka kaikki kehykset ovat kaikonneet.

Allekirjoita postaus kuvalla

Harjoittelimme oman allekirjoituksen laittamista jokaisen blogipostauksen loppuun täällä. Samalla sain kuulla, että osalla teistä allekirjoituksen virkaa toimittaa jokin kuva ja sen lisääminen joka postauksen loppuun on työlästä. Kuvalla allekirjoittaminen onnistuu yhtä näppärästi, kuin nimmarinkin rustaaminen. Sen voi siis automatisoida hyvinkin sutjakasti. Kas näin:

1. Valitse kuva, jolla haluat allekirjoittaa postaukset ja tee siitä sopivan kokoinen.

2. Lataa kuva johonkin netin kuvapalveluu, kuten Bloggerin Picasatilille tai vaikka Photobucketiin ja nappaa kuvan suora linkki kuvapalvelusta (se http:// -alkuinen).

3. Varmuuskopioi blogisi.

4. Siirry Malli -> Mukauta -> Lisäasetukset -> Lisää CSS ja heitä kenttään seuraava koodi:

.entry-content:after {
content: url(tähäntuleekuvasiosoite);
margin-left: 250px;
}

5. Muista laittaa kohdassa 2 saamasi kuvan osoite sille varattuun kohtaan. 


6. Esikatsele alapuolella avautuvassa näkymässä ja tallenna klikkaamalla Käytä blogissa.

(7. Jos haluat kuvan asettuvan jompaan kumpaan alareunaan, muuta koodista 250 haluamaksesi ja katso esikatselusta miten kuva asettuu.)

Valmista tuli!

Kuva ilmestyy jokaisen postauksen loppuun, myös vanhojenkin. Jos kaipaat apua esim. Linkwithiniä käyttäessä, niin kurkkaa se aikaisempi postaukseni.