Blogin ulkoasun muokkaaminen: kuvat ja teksti saman levyisiksi

Usein suositellaan, että blogin tekstin ja kuvien tulisi olla yhtä leveitä. Ja tottahan se on, että silloin blogi näyttää tyylikkään virtaviivaiselta eikä tekstiä keskeytä mikään kapea tuhru, joka esittää kuvaa. Ehkäpä jo arvasit, että tänään teemme kuvista ja tekstistä yhtä leveitä (mutta ei pitkiä, onneksi).

Kuvien kanssa voi kikkailla paljon mutta tämä ohje on todella simppeli ja vaatii vain yhden koodinpätkän lisäämisen blogiisi. Kuvien laatu saattaa joissain tapauksissa ottaa nokkiinsa. Niin voi tapahtua, jos kuva on ladattu blogiin suht pienenä kokona ja nyt koodilla menet sitä suurentamaan. Muista siis ladata kuvasi blogiin tarpeeksi isoina mutta ei kuitenkaan niin raskaina, että niiden lataamisen menee ikuisuus. Esimerkiksi pystykuvien on oltava tarpeeksi suuria, jotta ne voivat levittäytyä näin laajalle ilman suttua.

Niin kuin aina, tämä ohje on Bloggerin ihan peruspohjaan ja se ei välttämättä toimi prikulleen oikein, jos blogipohjaasi on tehty muutoksia. Ja muistahan ottaa se varmuuskopio!

Kuvat ja teksti saman levyisiksi

1. Mene Malli -> Muokkaa -> Lisäasetukset -> Lisää CSS ja lykkää omalle rivilleen seuraavan näköinen koodi:

.post-body img { width:530px; height:auto;} 

Muokkaa luku 530 blogisi leveyteen sopivaksi.

2. Kun näyttää hyvältä, tallenna! Olet valmis!

Mutta...

Jos kuva jää kuitenkin vasemmasta reunasta vähän repsottamaan eli se ei asetu nätisti tekstin kanssa samaan linjaan, muokkaa yllä olevaa koodia alla olevalla tavalla:

.post-body img { width:530px; height:auto; margin-left: -5px;} 

Muuta luku -5 sopivaksi esikatselun avulla.


Tämä ohje on ollut viime aikoina useamman lukijan huulilla, joten toivottavasti koit sen ajankohtaiseksi!

Pienet somekuvakkeet blogiin naurettavan helposti

Blogin ulkoasuun saa uutta ilmettä pikkuruisilla kuvakkeilla, joita klikkaamalla lukija pääsee vaikkapa blogin Facebook-sivulle, Instagramiin, YouTubeen tai muihin somekanaviin, tai vaikka lähettämään mailia bloggarille. Tänään lisäämme siis blogiin nämä kuvakkeet, joita ikoneiksikin kutsutaan, ja sehän vasta helppoa onkin.

Kuvakkeet ovat yleensä neliön mallisia ja niissä on kirjain tai logo kertomassa siitä, mitä kuvaketta klikkaamalla tapahtuu. Kuvakkeita saa tosiaan netistä ihan ilmaiseksi ja valikoima on lähes ääretön. Alla olevassa kuvassa näkyy ylärivissä kuvakkeet ja alla hieman isommat ja itsetehdyt seurantapainikkeet.

Toisin kuin kuvassa, voit yksinkertaistaa blogisi ulkoasun käyttämällä pelkkiä kuvakkeita ja tuollaiset isommat nappulat voit heittää hiivattiin (niiden seurantapainikkeiden ohje on täällä).

Mistä kuvakkeita sitten löytyy? Netti on pullollaan ihan ilmaiseksi hyödynnettäviä kuvakkeita. Löydät niitä esimerkiki googlaamalla free social media icons. Lataat yleensä zip-tiedoston koneellesi ja purkaessasi sen saat kuvat yksitellen valitsemaasi kansioon.

Voit totta kai itsekin askarrella kuvakkeet vaikkapa Picmonkeylla. Teet niistä vain kaikista samankokoisia pikku neliöitä (esim. 50x50) ja apuna voit käyttää edellä mainittua painikeohjetta. Itse tekeminen on ihan hyvä vaihtoehto, koska ulkomaisista seteistä ei löydy esimerkiksi sitä tuttua ja turvallista blogilistaa.

Itseä miellyttävien kuvakkeiden valitseminen tai itse suunnittelu on se aikaa vievin osuus. Kaikki muu on hyvin helppoa. Sitten kun sinulla on nämä kuvakkeet valittuna tai tehtynä, tallenna ne koneellesi ja varsinainen asennus voi alkaa. Seuraavaa ohjetta seuraamalla blogiasi koristaa kivat kuvakkeet alta aikasyksikön:

1. Lataa koneellesi tallentamasi kuvakkeet johonkin netin kuvapalveluun, kuten esimerkiksi Photobuckettiin. Tarvitset kuvakkeille suoran osoitteen eli URL:in, joka Photobucketissa on nimellä direct. Kuvan osoitteen tulee siis alkaa http:// eikä millään koodin tunnuksella, kuten <.

2. Kun kuvat on ladattu nettiin, siirry Bloggerissa Ulkoasuun ja lisää sivupalkkiin uusi gadget. Valitse gadgeteista HTML/JavaScript.

3. Lisää avautuvaan gadgetin ikkunaan ensinnäkin otsikko, jos sellaisen haluat antaa, tai jätä otsikko suosiolla tyhjäksi. Varsinaiseen ikkunan sisältökenttään laita seuraava koodi:

<a href="http://www.haluamasiosoite.com" target="_blank" ><img src="http://www.kuvansuoralinkki.com" height="50" width="50" /></a>


Koodissa on kaksi osoitepaikkaa, jotka sinun tulee täyttää oikeilla osoitteilla. Jos laitat ensimmäisenä esimerkiksi Facebookin kuvakkeen, laitat ensimmäiseen osoittepaikkaan (haluamasiosoite.com) blogisi Facebook-sivun osoite. Toisen osoitepaikkaan (kuvansuoralinkki.com) laitat Facebookin kuvakkeen suoran linkin sieltä kuvapalvelusta, jonne olet kuvakkeesi ladannut (esim. Photobucket. Huomaa, että osoitteissa on oltava "-merkit molemmin puolin ja tietenkin http://-alku.

4. Muuta kuvakkeen kokoa halutessasi muokkaamalla height ja width -kohtien lukuja.

5. Laittaaksesi seuraavan kuvakkeen kopioi koodi uudestaan ja laita se edellisen koodin perään. Muuta osoitteet oikeiksi.

6. Sähköpostikuvakkeen kohdalla sinulla ei ole varmaankaan mitään nettiosoitetta, jonka antaa. Siispä laitat ensimmäiseen osoitekohtaan seuraavan pätkän:

mailto:sinunblogi@osoite.com

Senkin on tultava "-merkkien sisään, niin kuin nettiosoitteenkin.

7. Kuvakkeet jakautuvat automaattisesti toiselle riville, kun yhdelle riville ei enää mahdu. Muista, että voit muuttaa niiden kokoa heightin ja widthin lukuja muuttamalla.

8. Kun kaikki haluamasi kuvakkeet ovat laitettu gadgettiin, tallenna gadgetti, vetäise se haluamaasi kohtaan ja tallenna asettelu koko ulkoasusta. Ihastele tuloksia!


Tämä on yllättävän helppo operaatio, kun valinnanvaikeuden yli pääsee. Taidanpa itsekin askarrella nämä blogiini joku päivä. Tämä oli myös paljon toivottu ohje, joten toivottavasti siitä oli iloa mahdollisimman monelle.

Kuvien kopioiminen verkkokaupoista

Kuvien kopioiminen netistä on aina hyvin monimutkainen prosessi. Tai siis teknisesti se on lasten leikkiä: klik klik vaan, kuva on tallennettu ja voit asettaa sen näytille vaikka sinne omaan blogiisi. Monimutkainen operaatiosta tulee vasta, kun aletaan miettiä onko toisten ottamien tai tekemien kuvien hyödyntäminen omiin tarkoituksiin sallittua vai ei. Kopiointi kun voi olla toivottua, sallittua, sillä ei ole niin väliä, teoriassa kielletty mutta käytännössä jees, tai sitten ehdottoman väärin. Ota siitä sitten selvää, mihin kategoriaan mikäkin kuva kuuluu, kun merkinnät säännöistä ovat epäselvät tai olemattomat.

Bloggareiden ja verkkokauppojen näkökulmat
Yksi harmaa alue kuvien kopioimisen suhteen on verkkokauppojen kuvat. Ovatko ne vapaata riistaa vai kenties suojelukohteita, joihin ei parane koskea? Verkkokauppojen tuotekuvathan ovat ihan arkipäivää blogeissa: niitä viljellään inspiraatiokollaaseissa ym. jutuissa, joissa esitellään vaikkapa juuri tilattuja tuotteita tai kerätään kasaan kevään muodin kulmakivet. Käyttötarkoituksia on monia ja jos kuvien käyttö olisi kielletty, se olisi monelle materiaan kallistuneelle blogille iso kolhu. Kuvittelepa edellä mainitut postaustyypit ilman verkkokauppojen kuvia. Niiden toteutus vaatisi jo mielikuvitusta. Bloggareiden puolelta olisi siis todella hyvä, jos kuvia voisi ilman suurempia seremonioita hyödyntää vapaasti blogissa.

Verkkokauppojen luulisi olevan innoissaan siitä, että heidän tuotteensa saavat (usein ilmaista) näkyvyyttä blogeissa. Etenkin sellaisten kauppojen, joilla on affiliateohjelma (eli bloggari saa hänen kautta tulleista myynneistä rahaa), luulisi kannustavan bloggareita esittelemään kaupan tuotteita postauksissaan kuvien kera. Nämä kaupathan ovat jo affiohjelman myötä orientoituneet tällaiseen markkinointiin netissä. Kuvien käytön kieltäminen olisi kovin ristiriitaista tässä tilanteessa. Kuva on oleellinen osa postausta, kun jotain tuotetta esitellään tai se mainitaan. Näkyvyys jäisi huomattavasti vähemmälle, jos bloggarilla itsellään pitäisi jo olla se tuote ja hänen tulisi räpsiä omat kuvansa siitä, tai jos tuotetta vain kuvailtaisiin sanallisesti ja se olisi linkin takana kaupan sivuilla.

 (Moni lukija voisi toisaalta huokaista helpotuksesta, jos kauppojen kuvia ei saisi käyttää: enää ei voisi julkaista höpöhöpö-postauksia jonkun nettikaupan ihanista rievuista ja ne kuuluisat Nellykollaasitkin katoaisivat.)

Ohjeita kuvien käyttöön
Lähdin pienelle tutkimusmatkalle verkkokauppakuvien ihmeelliseen maailmaan. Koska kauppojen sivuilla ei välttämättä ole mitään mainintaa kuvien käytöstä tai en ollut varma katsotaanko ohjeiden noudattamista sormien läpi, kyselin muutamilta kaupoilta heidän käytäntöjään. Lyhykäisyydessään kyselin, saako kaupan tuotekuvia käyttää esimerkiksi omassa blogissa jutun kuvituksen, kun esimerkiksi esittelee kaupan tuotteita. Kysyin vielä, miten kuvan tiedot tulisi merkitä, jos niitä saa käyttää. Aloitetaan:

Että sellainen asu. Lähde: Nelly.com

 Nelly 
Ennen Nellyllä on ollut ns. pressikuvia tuotteistaan, joita on voinut käyttää kuvituksena. Nyt niitä ei ole eikä sivuilta löydy selkeitä sääntöjä. Vastaus ei ehkä ollut kellekään yllätys: kuvia saa kopioida omaan blogiin. Mutta blogissa täytyy olla maininta, että kuvat ovat Nelly.comista.

Hei, se on paita eikä pussilakana! © ASOS.com Ltd

Asos 
Asoksen sivuilla on jo kapulakieltä ja pientä pränttiä kuvien käytöstä. Kyselin kuitenkin tarkennusta, sillä selkokieliset ohjeet ovat makuuni. Selvisi, että laki kieltää sellaisten Asoksen kuvien käytön, joissa kuvassa olevan mallin pää näkyy. Asoksen logon käyttö on myös no-no. Jos päädyt kuitenkin kopioimaan päättömiä malleja tai muita kuvia Asoksen sivuilta, sinun tulee mainita niiden yhteydessä "© ASOS.com Ltd", sillä kaikki kuvathan ovat Asoksen omaisuutta.

Omnomnom, suklaata... eikun Tradition De Hammam -saippua Yves Rocherilta.

Yves Rocher
Vaatteiden lisäksi kosmetiikkapurnukat esiintyvät runsaslukuisesti blogeissa. Kysyin kuva-asiaa myös bloggareiden ikisuosikilta Yves Rocherilta. Sieltä sanottiin, että kuvia saa käyttää ja ne voi linkittää takaisin tuotteisiin. Tämä vastaus oli kaikista rennoin kopioimisen suhteen eli tässä ei nyt mainittu selkeästi, onko kuva pakko linkittää takaisin tuotteeseen.

Stockmann 
Stockaltahan saa vaikka mitä, joten kuvamateriaalia voidaan tunkea vaikka millaiseen postaukseen. Verkkokaupasta löytyi myös ukaasi verkkokaupan materiaalien luvattomasta kytöstä. Jos kuvien kopsaamisen ei saa "lupaa", näyttäisi siltä, että Stockmannin kuvia ei saa käyttää blogissa ollenkaan. Harmikseni en ole saanut Stockalta mitään vastausta kyselyyni ja tämän takia tämä koko juttu odotti julkaisuaan ihan hävyttömän kauan. Höh! Informoin, jos vastaus joskus tulee.

Kaikkilla edellä mainituilla kaupoilla on affiliateohjelmat eli ne ovat valveutuneita oman bloginäkyvyytensä suhteen ja sitä varmasti kaipaavatkin. Mutta entäs sellainen kauppa, jolla ansaitsemisohjelmaa ei ole?

Monikäyttöinen toppi käy myös hikipannasta kesällä! © www.seppala.fi

Seppälä
Seppälän verkkokaupasta kopsattuihin kuviin en ole kauheasti törmännyt. Liekö syynä affiliateohjelman puute vai joku muu. Mutta laitoinpahan sinnekin viestiä. Sain vastauksen, että kuvia saa kopioida, kunhan mainitsee postauksessa lähteen ja copyrightin www.seppala.fi. Sitä ei ihan määritelty, että ihan kuvanko kohdalla pitää lähde ilmoittaa vai esim. jutun lopussa. Tärkeintä on kuitenkin aina, että vaikka lähde olisi jutun lopussa, sen pystyy yhdistämään tiettyyn kuvaan vaikka numeroinnin avulla.

Lopuksi
Kuten varmaan huomasitte, tämä ei ollut kattava ohjeistus ja jokaisella kaupalla oli vähän omat ohjeensa. Periaatteessa kuvia ei saisi tuosta vaan liittää omaan blogiinsa, vaikka siitä ei mitään mainintaa kaupan sivulta löytäisikään. Asiaa pitäisi siis aina kysyä. Semmoista ei vain tule helposti edes ajatelleeksi, kun kuvien kopioiminen tällä saralla on niin yleistä. Ja tuskin sieltä kukaan tulee oven taakse kolkuttelemaan, jos krediitit eivät ole oikein. Paitsi Stockasta en tiedä...

Estä kuvien ja tekstin kopioiminen

Nyt seuraa ohjetta niille, jotka vartioivat blogiomaisuuttaan silmä tarkkana. Jo aikaisemmin olemme käyneet hieman läpi sitä, miten voi selvittää onko omia kuvia tai tekstiä lähtenyt seikkailemaan luvatta joihinkin toisiin osoitteisiin. Noilla keinoilla voit siis selvittää, onko vahinko jo tapahtunut, mutta sitä ei voi oikein estää etukäteen. Nyt tutustutaan yhteen keinoon, jolla kopsaaminen blogista tehdään vaikeaksi (mutta niin tehdään myös muutama muukin juttu, jotka olisivat kyllä ihan sallittuja): estämme hiiren oikean näppäimen klikkaamisen!

Viattoman oloinen hiiren oikea nappula voi olla oikea pahantekijä blogissa. Sillä voi tallentaa kuvat omalle koneelle ja maalata tekstiä kopioiden sen vaikka kokonaisuudessaan. Se on myös hyödyllinen ja näpsäkkä tapaus, sillä se avaa linkit toisessa välilehdessä tai vaikka uudessa ikkunassa. Joskus sitä tekstiä tarvitsisi kopioida ihan muutenkin kuin pöllimisen merkeissä: lukija voi vaikka haluta kopsata blogissa esitellyn silmänympärysvoiteen pitkän ja piinallisen nimihirviön ja liittää sen Googlen hakukenttään, jotta löytäisi sitä myyvät verkkokaupat tai lisää arvosteluja aiheesta. Ja onhan sillä muitakin hyödyllisiä ominaisuuksia. Blogin käyttäjäystävällisyys siis kärsii jonkin verran hiiren oikean puolen halvaannuttamisen jälkeen.

Jotkut teistä ovat siis varmasti täpinöissään tästä vinkistä, jotkut taas eivät ollenkaan. Voit ihan itse päättää kumpaan leiriin kuulut. Eli hyödynnä vinkkiä, jos siltä tuntuu.

Koodeja tätä varten on paljon ja kokeilinkin omassa testiblogissani aika montaa koodia. Tämän koodin kun syötät blogiisi HTML/Javascript -gadgettina vaikka sivupalkkiin, niin oikealla näppäimellä ei enää klikkailla.


<script language="JavaScript">
<!--
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

Siellä sivupalkissa ei näy mitään gadgettia tai muutakaan, vaikka koodi sellaisena sinne laitetaankin. Osassa koodeista on mahdollista laittaa jokin viesti mukaan, joka näkyy pienessä ponnahdusikkunassa oikeaa klikkausta yrittävälle kävijälle. Viesti siis kertoo, että toiminto ei ole mahdollinen blogissa. Tämän koodin mukana sitä viestiä ei ole, sillä en löytänyt sellaista viestillistä koodia, joka olisi toiminut. Ainakin Firefoxissa oli helppo kieltää sivustoa näyttelemästä mitään ponnahdusikkunoita, jolloin koko klikkauksen esto menikin pipariksi.

Netistä löytyy tosiaan useita koodeja tätä varten, joten voit etsiä toistakin. Valitsemani koodi näytti olevan sieltä suosituimmasta ja suositelluimmasta päästä, ja ainakin minulla se toimi kokeillessa oikein hyvin.

Tee itse seurantapainikkeet blogiin

Blogin ulkoasun harmonia on helposti pilalla, jos sivupalkissa killuu kaikenlaisia erikokoisia ja -näköisiä seurantananappeja Blogilistalle, Blogloviniin, Facebookiin, Instagramiin sun muuhun. Nämä palveluthan tarjoavat helposti asennettavia follow me here and there -nappuloita ja kuvia mutta aina näiden valmiiden tuotosten ulkonäkö ei miellytä omaa silmää. Moni onkin kysellyt, kuinka nämä seurantapainikkeet voisi itse tehdä. Homma on hyvin simppeli. Tai siis tämänkin voi tehdä taas monella tapaa mutta ajattelin pyöräyttää ohjeen jo banneripostauksesta tutuksi tulleen Picmonkeyn ympärille. Sen käyttö kun ei vaadi rahaa eikä edes kauheasti kykyjä.

Seurantanappulat ovat monissa blogeissa tehty ihan kuvina ja kuvia mekin käytämme tänään. Ensin tehdään nappulat ja sitten laitetaan ne blogiin oikein kahdella eri tavalla.

Blogeissa näkee myös kuvakkeita, jotka ovat yhtenäisiä ja hyvin pieneen tilaan meneviä. Niitä saa netistä ja niitä voi askarrella itsekin mutta ongelmana on se, että toisin kuin esim. Facebookilla tai Pinterestillä, monilla suomalaisten bloggareiden käyttämillä palveluilla ei ole pienen pieneen tilaan menevää logoa, jota näissä kuvakkeissa voisi hyödyntää. Yhtenäisen ilmeen saaminen kuvakkeiden avulla onkin sitten jo astetta haastavampi operaatio. Esimerkiksi Facebookin pikkulogo on se f ja Pinterestillä taas P. Blogilistalta ja Bloglovinilta ei tällasia löydy. Kuvakkeisiin voimme palata myöhemmin, jos kiinnostusta löytyy.

Tässä tämänkertaisella ohjeella tehdyt pikaiset näytteeni, joita saa muuten vapaasti käyttää, jos haluaa:

Seurantapainikkeiden tekeminen
Selvitä ensin blogisi sivupalkin koko ja minkä kokoisia haluaisit tehdä seurantanapeista. Itse askartelin nämä mallipainikkeet kokoon 250x100. Pienenpikin olisi riittänyt. Sitten olisi aiheellista kaivaa esiin se bannerintekopostaus, koska ohjeilla on yhtäläisyyksiä ja se auttaa Picmonkeyn käytössä.

1. Ensin lähdet tekemään kollaasia (create a collage) ja valitset vaikkapa Ducks in a row vaikka kahden neliön mallin. Muuta kuva haluamaasi kokoon ja valitse sille läpinäkyvä tausta (suosittelen). Tallenna kuva png -muodossa koneellesi (siis ainakin, jos valitsit läpinäkyvän). Poistu kollaasintekotilasta.

2. Picmonkeyn etusivulla valitset sitten seuraavaksi kuvankäsittelyn (edit a photo). Avaa äsken tekemäsi tausta. Lisää taustaan kaikki se, jonka haluat näkyvän jokaisessa painikkeessa. Älä vielä laita mitään tekstiä mutta heittäydy luovaksi! Kun olet valmis taustan suhteen, tallenna se koneellesi.

Läpinäkyvä tausta näyttää tältä tai koneelle tallennettuna jopa mustalta. 

3. Seuraavaksi ala taas muokata kuvaa ja hae koneeltasi nyt tämä äsken tekemäsi tausta. Lisää siihen haluamasi teksti, esim. Blogilista. Ota muistiin jonnekin mitä fonttia käytit, mikä sen koko oli, ja mitä väriä käytit (numeroiden ja kirjainten sarja oikeassa yläkulmassa). Kannattaa ehkä merkata varmuudeksi vielä kuinka monennella ruudukkorivillä tekstin reuna oikein oli ylhäältä tai alhaalta katsottuna (läpinäkyvässä taustassa on tämä ruudukko taustalla).

4. Tallenna valmis tuotos sopivasti nimettynä mutta älä sulje ikkunaa Picmonkeyssä tallennuksen jälkeen. Jos teet enemmän painikkeita yhdellä kertaa, voit kirjoittaa seuraavan nimen tämän äsken tehdyn ja tallennetun päälle. Silloin fontti on varmasti samaa kokoa ja väriä ja vielä samassa kohdassa. Valitset vain hiirellä edellisen tekstin ja kirjoitat suoraan sen päälle uuden nimen. Tallennat sopivalla nimellä ja jatkat samoin seuraavan kanssa.

Tähän vaan uusi teksti päälle. 

5. Jos tarvitset myöhemmin uusia nappeja uusia tilejä varten, sinulla on onneksi tausta tallella. Kun olet laittanut muistiin myös fontin koon ja värin, saat uusiin nappeihin tehtyä samanlaiset tekstit. Värin tunnuksen voit kirjoittaa tai copypasteta suoraan sille varattuun kohtaan, eli sinun ei tarvitse yrittää osua värikartassa oikeaan kohtaan. Myöhemmin tekstin saaminen juuri samalle kohdalle muiden aikaisempien tekstien kanssa voi olla haastavaa mutta läpinäkyvässä taustassa sinua auttaa ruudukko ja saat tekstin kohdilleen sen avulla.


Seurantapainikkeet blogiin kuvagadgetilla...
Voit lisätä kuvan blogiisi niinkin helposti kuin kuva-gadgetilla. Eli kun olet blogisi ulkoasussa ja valitse lisää gadget ja kuva, uudessa ikkunassa avautuu seuraava näkymä:

Tuohon sitten haet koneeltasi seurantanapin kuvan, et laita ruksia mihinkään pienentelykohtaan ja linkiksi laitat sen sivun, jolla kuvaa klikkaamalla tulisi päästä (siis esimerkiksi blogisi sivun Blogilistalla, blogisi Facebooksivun, jne.). Blogger vaatii nykyään myös otsikkoa kuvalle ja et saa tallennettua kuvaa ilman sitä. Voit kuitenkin kiertää otsikoinnin lykkäämällä sen kohdalle <!-- --> Sitten vain tallennat ja olet valmis seuraavaa kuvaa varten.

Vaikka nappulat ovatkin kuvia, et ehkä halua niiden näkyvän kehyksineen kaikkineen sivupalkissa, kun kerran läpinäkyvää taustaakin on jo väsätty. Voit poistaa kehykset blogisi kaikista kuvista tällä yksinkertaisella ohjeella.

Jos käytit tätä kuvagadgettaktiikkaa, huomasit ehkä kuvia klikatessasi yhden jutun: uusi sivu ei aukea uudessa välilehdessä vaan kuvaa klikkaava kävijä ajautuu pois blogistasi. Jos haluat kuvien avautuvan uuteen välilehteen, voi tehdä seuraavan tempun (ja se varmuuskopio ensin, kiitos!). Mene Malli -> Muokkaa HTML-koodia. Koodikentän yläreunasta etsit Siirry widgetiin ja klikkaat pientä nuolta. Saat listan widgeteistä ja sieltä sinun pitäisi etsiä oikeat kuvat. Kannattaa laskeskella monesko kuva on mikäkin. Klikkaat kuvan nimeä (imageX) ja hyppäät koodissa suurinpiirtein oikeaan kohtaan. Huomaa, että kuvan koodi ei ala kentän yläreunasta, vaan etsi näkyvillä olevasta koodista vielä se imageX ja klikkaa sen kohdalla vasemmassa reunassa olevaa pientä nuolta. Ja sitten vielä toista pientä nuolta, joka ilmestyi riviä alemmas. Sinun pitäisi nähdä about tällainen koodi:

<b:widget id='Image1' locked='false' title='' type='Image'>
    <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <b:if cond='data:link != &quot;&quot;'>
        <a expr:href='data:link'>

Lykkäät tuohon viimeiselle riville heti 'data:link' jälkeen ja ennen > seuraavan koodinpätkän:

 target='_blank'

Tallennat ja teet saman jokaisella kuvalle, jossa on linkki ja jonka haluat avautuvan uuteen välilehteen. Sen pituinen se operaatio.


...tai HTML-koodilla
Kuvathan voi lisätä myös toisella tavalla. Voit ladata tuotoksesi johonkin kuvapalveluun netissä, kuten vaikka sinne Photobucketiin. Sieltä saat suoran linkin kuvallesi (se http:// -alkuinen vaihtoehto). Sitten syötät tarvittavat tiedot seuraavaan koodiin:

<a href="http://mihinosoitteeseenkuvasivie.fi" target="_blank">
<img src="http://kuvansuoralinkki.png"/></a>

Tämän voit laittaa blogisi sivupalkkiin HTML/javascript -gadgettina ja tallennat. Tässä linkki avautuu toisessa välilehdessä, eikä sinun tarvitse sorkkia blogisi koodia. Jos haluat vielä keskittää kaikki kuvat laita koodin ympärille <center>kuvan koodi</center>. Kehykset näkyvät myös näissä kuvissa, jos et ole niitä poistanut edellä mainitulla ohjeella.

Toivottavasti tästä ohjeesta oli iloa monille teille kyselijöille!

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.

Asukuvat: suuri intohimo vai pakkopulla?

Mistä tunnistat muotiblogin? No asukuvista tietenkin! Mikä blogi se sellainen olisi, jossa bloggari ei poseeraisi päivän lavastetussa asussa tai ihan oikeastikin käytössä olleissa tamineissa postauksesta toiseen.

Asukuvat eivät ole mikään muotiblogien yksinoikeus. Niitä vilisee muotiblogeille hyvin läheistä sukua olevissa lifestyleblogeissa siihen malliin, että nekin kulkevat jo ihan hyväksytysti muotiblogin nimellä. Oli blogin genre mikä hyvänsä, jossain vaiheessa bloigssa voi piipahtaa bloggarin vaateparsi ja toteamus "tätä minulla oli tänään päällä". Oikeaoppisesti kuvan alle laitetaan vielä, mistä mikäkin riepu on hankittu. Mutta ovatko ikuiset asukuvat oleellisia? Kiinnostaako meitä oikeasti niin hemmetisti, mitä joku vetäisi niskaansa aamulla?

Asukuvia näkyy siis siellä sun täällä mutta erityisen paljon juuri muotiblogeissa. Mutta mikä blogi sitten on muotiblogi ja mikä ei? Muotiblogeista puhutaan jatkuvasti, ja termiä käytetään iloisesti kuvaamaan myös hyvin vähän (jos ollenkaan) muotia sisältäviä blogeja. Yleensä muotibloggarin leiman saamiseksi riittää, että olet naishenkilö ja bloggaat. Tämä on varmasti osasyy siihen, että niin moni bloggari kokee muodin olevan olennainen osa bloggausta, vaikka se ei todellisuudessa näin ei olekaan. Täytyy myöntää, että minäkin puhun autuaasti pelkistä "muotiblogeista" vähemmän bloggauksen hienovaraisista vivahteista tietävien ihmisten kanssa mutta vaihdan heti toiseen termistöön asiantuntijan kanssa rupatellessa. Kaivan siis osaltani muotikuoppaa yhä syvemmäksi, myönnän.

Blogatessa sortuu helposti toistamaan asioista muiden perässä etenkin silloin, kun sisältöä pitäisi kyhätä useana tai jokaisena päivänä viikossa. Koska niin monen bloggarin inspiraation lähteet ja esikuvat ovat todellisia muotiblogeja tai muotiin keskittyneitä lifestyleblogeja, niistä napataan totta kai vaikutteita myös omaan blogiin. Niinpä asukuvien runsas tarjonta ja tahtomattaankin saatu muotiblogin leima johdattelevat pian yhden jos toisenkin bloggarin luomaan täytettä blogiinsa päivän asun muodossa. Näin moni muodista hyvin vähän välittävä saattaa päätyä räpsimään asukuvia. Eipä ole tavatontakaan, että bloggarilla on paineita saada oma suppea vaatevalikoima riittämään jatkuviin muotikuvauksiin. Uutta rompetta on pakko hankkia näiden asukuvasessioiden vuoksi.

Asukuvat sopivat saumattomasti moniin blogeihin ja joissain on jopa panostettu touhuun valokuvaajaa ja vuokravaatteita myöten. Joskus bloggari innostuu kokeilemaan jotakin repäisevää asua tai kuvakulmaa, jotta hän erottuisi massasta. Vaatekappaleista saatetaan kirjoittaakin tai sitten postaukset sisältävät vain paljonpuhuvia kuvia. Aina näennäisen kovalla panoksella tehdyssä muotiblogissakaan ei voi olla ihan varma onko asukuvien taustalla aito kiinnostus muotiin tai ehkäpä pelkkä bloggarin narsismi. Ehkä jotain päätelmiä voi tehdä kuvien määrästä: yhden asukokonaisuuden saa ikuistettua jo muutamalla erityyppisellä kuvalla eikä siihen tarvita useaa kymmentä lähes identtistä otosta bloggarista itsestään. Tai sitten asukuvat voivat olla pelkkää rutiinia; voihan näissä suuren maailman tyyliin toteutetuissa muotiblogeissakin olla kyse vain siitä, että bloggari on seurannut muiden jalanjäljissä eikä edes osaisi blogata ilman päivän asujen taltioimista.

On kuitenkin vaikeaa mennä sanomaan julkaistaanko jossain blogissa asukuvia vain muodon vuoksi ja ryhmäpaineen alla. Jonkun mielestä siniset farkut, valkoinen t-paita ja tennarit ovat ikuistamisen arvoinen kokonaisuus, ja kuvaan on parasta vielä liittää muotiluomusten hankintapaikat, jotta kuvasta inspiraatiota ammentavat voivat kopioida muodikkaan lookin omaan käyttöönsä. Joskus tulee sellainen tunne, että ehkä bloggari voisi päivän asujen sijasta julkaista vaikkapa "päivän käsilaukun sisältö" -kuvia. Ne olisivat ehkä jopa mielenkiintoisempia. Mutta onko tälläinen tyyli sitten jotenkin vähempiarvoinen ja asukuvaan kelpaamaton? Ei tietenkään, mutta sen voi tulkita osoitukseksi intohimottomasta suhtautumisesta muotiin ja asukuviin. Asukuvan voisi nähdä vain yhtenä pakollisena bloggaamiseen kuuluvana suorituksena, johon ei ole jaksettu panostaa.

Entäs lukijat sitten? Odottavatko he malttamattomina tietoa siitä, mihin heidän tyyligurunsa on tänään pukeutunut? Kopioivatko he tietoisesti bloggarin tyylistä osan tuolta, toisen täältä? Tai sitten lukijatkin ovat vain niin urautuneita, että asukuvien tuijottelu on aivan normaali toimenpide blogeja lukiessa. Asu menee toisesta korvasta sisään ja tulee toisesta ulos (vai silmästä?), ja päähän on lopulta ehkä tarttunut ajatus "ihan kiva vyö". Tai sitten he tosissaan ammentavat kuvista inspiraatiota ja jättävät blogin muun mahdollisen sisällön omaan arvoonsa. Asukuvat ovat kuitenkin usein hyvin toivottuja monissa blogeissa.

Kun asukuvien ja ylipäätänsä muodin asemaa blogeissa tarkemmin mietiskelee, niin pian sitä jo huomaa ajattelevansa ovatko muoti ja asut vain pelkkä tekosyy ja kulissi. On helppo sanoa bloggaavansa muodin vuoksi, kuin että sanoisi bloggaavansa, koska haluaa pitää julkista blogia itsestään. "Minulla on muotiblogi" ja "olen muotibloggari" kuulostavat paljon paremmilta kuin "Minulla on blogi, jossa esittelen itseäni ja elämääni". Asun ikuistaminen mahdollistaa sen, että itsestään voi julkaista kauniita kuvia toisten ihasteltavaksi. Näennäinen kiinnostus muotia kohtaan pelastaa myös lukijat siltä, että he joutuisivat sanomaan seuraavansa jotain blogia vain siksi, että ovat kiinnostuneita bloggarista ja hänen elämäänsä on kiva tirkistellä. Nyt voi sanoa "tykkään hänen tyylistään ja seuraan siksi hänen blogiaan". Eli nyt me kaikki tirkistelijät ja paljastelijat voimme verhoutua muotiin ja toteuttaa itseämme rauhassa sen suojissa.  

Milloin asukuvat ovat blogin suola ja milloin vain turha lisuke, jota ei ole uskallettu jättää pois tai jonka tilalle ei ole keksitty muutakaan? Tätähän on hyvin vaikea sanoa, sillä meillä kaikilla on niin erilaiset mieltymykset tyylin suhteen ja sitä myöten myös asukuvien suhteen. Asukuvilla ei onneksi ole myöskään mitään virallisia tasovaatimuksia, vaan periaatteessa kaikki merkit ja tyylit sopivat ikuistettaviksi. Parhaiten vastauksen siis tietävät asukuvia julkaisevat bloggarit itse. Oletko sinä koskaan julkaissut asukuvia, koska koet ne lähes pakolliseksi osaksi bloggausta vai ovatko asukuvat suuri intohimosi? Entä lukijana, oletko kiinnostunut ensisijaisesti asukuvista vai jostain aivan muusta?


Photo credit 1: to.benjamin / Foter / CC BY-NC
Photo credit: 2:* Ronmiel * / Foter / CC BY-NC

Kuvat vierekkäin Bloggerissa

Laitatko sinäkin postauksiisi kuvat aina allekkain? Onko mielessäsi ehkä joskus käynyt laittaa muutama kuva ihan vieretysten? Ehkä olet jo yrittänytkin sitä, sillä kuvien vierekkäin laittaminen voi tuntua helpolta hommalta: Blogger itse ehdottaa kuvaa klikatessa siirtoa oikealla, keskelle, vasemmalle, ja ties minne. Jos klikkaat yhden kuvan vasemmalle ja toisen oikealle, ja koitat raahata niitä vierekkäin, lopputuloksena luulisi olevan kaksi kuvaa vierekkäin. Mutta mutta... Ehkä oletkin jo takonut näitä nappeja ja huomannut kuvien venkoilevan miten sattuu. Ne eivät kuitenkaan ole (paitsi joskus vahingossa) menneet nätisti vierekkäin.

Kuvia saa vierekkäin vaikka tekemällä jollakin ohjelmalla hienon kollaasin, joka kyllä sekin on yksi iso kuva. Vierekkäisten kuvien lisääminen postaukseen on kuitenkin täysin mahdollista, mutta se vaatii pienen koodinpätkän. Vaikka luitkin sanan "koodi", älä pelkää, sillä tämä toimenpide on helpompi kuin mikään kuvien repiminen ja riuhtominen vieruspareiksi muilla keinoin. Sainkin jokin aika sitten toiveen aiheesta miten laittaa Bloggerissa kuvia vierekkäin, ja nyt sellaiseen kysymykseen olisi tarjolla vastausta.


Tarvitsemme siis palan HTML-koodia ja kuvat. Ensin olisi hyvä tehdä kuvista samankokoisia ja sellaisia, että ne mahtuvat sivulle vierekkäin. Ei siis mitään jättikokoisia kuvia. Minä pienensin yllä olevat kissakuvat 250x250 kokoon.

Katsotaan ensin mitä tehdään, kun käytät Bloggerin omaa kuvien latausohjelmaa. Suosittelen laittamaan kuvat postaukseen ennen kuin alat kirjoittamaan juttua muuten. Kuvien asettelu on silloin helpompaa, jos ei kauheasti ymmärrä koodien päälle. Eli Bloggerista ladattaessa lataa kuvat normaalisti ja siirry Luo -tilasta HTML -tilaan tuolta vasemmasta yläkulmasta. Lataa vaikka yksi kuva kerrallaan, jos sen on helpompaa. HTML-puolella saat eteesi kuvan koodin, esimerkiksi tässä minun toisen kissakuvani koodia:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL8T22U9IQ99HqbqN8IcBPG3fS8f0DRFz-tOOtHpbAmQUg3mHi_TppXE8X4pHUIeqcNGVVZNhBNt8RIn5yvwWMfWo5nSrLNjsQKg_atwzrFVUaMACqSC8lTbzUZQ0adyyOnxr5xNbcJAk/s1600/cat1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL8T22U9IQ99HqbqN8IcBPG3fS8f0DRFz-tOOtHpbAmQUg3mHi_TppXE8X4pHUIeqcNGVVZNhBNt8RIn5yvwWMfWo5nSrLNjsQKg_atwzrFVUaMACqSC8lTbzUZQ0adyyOnxr5xNbcJAk/s1600/cat1.jpg" /></a></div>

Sinun kuvasi koodi on omanlaisensa, mutta kopioi siitä tuo keltainen osuus, eli alkaen <a ja loppuen </a>. Kopio tämä osa molemmista kuvista ja laita ne vaikka Notepadiin, Wordiin, tai jonnekin muistiin hetkeksi.

Siirry takaisin Luo -tilaan ja poista kuvat, tai pyyhi niiden koodit pois siellä HTML -puolella. Seuraavaksi laitat HTML puolella sivulle seuraavan koodinpätkän:

<center><table border="0" width="150"><tbody><tr><td>Kuva1</td><td>Kuva2</td></tr></tbody></table></center>

Korvaa koodissa näkyvät Kuva1 ja Kuva2 niiden kahden kuvan koodeilla, jotka olet juuri laittanut jemmaan.  Kumpikin tulee siis omaan lokeroonsa. Siirry takaisin Luo -puolelle, ja sinulla pitäisi olla kaksi kuvaa kauniisti vierekkäin!

"En käytä Bloggerin kuvanlatausohjelmaa...!"
Jos lataat kuvasi ensin jonnekkin nettiin ja sitä kautta blogiisi, valitse suoran URL:in sijasta kuvasi HTML-koodi. Esimerkiksi Photobucket tarjoaa näppärästi tätä vaihtoehtoa. Syötä tämä koodi Kuva1 ja Kuva2 kohtaan, niin homma toimii ihan samalla tavoin, kuin yllä on kuvattu. 

"Haluan ainakin kolme kuvaa vierekkäin!"
Ennen kuin joku hihkaisee tämän, niin kerrottakoon, että voit muuttaa vierekkäin laitettavien kuvien määrää lisäämällä aina uuden <td>Kuvan koodi</td> -pätkän ennen tuota lopun </tr> sulkua. Muista, että kuvien tulee olla tarpeeksi pieniä, että ne mahtuvat vierekkäin! Eli kolmen kuvan sarja olisi <td>Kuva1</td><td>Kuva2</td><td>Kuva3</td> 



Photo credit 1: DomiKetu / Foter / CC BY-NC-ND
Photo credit 2: swanky / Foter / CC BY-NC-SA

Kuvien poistaminen Bloggerista - Tiesitkö jo tämän?

Nyt kun muutamat tunnetut blogit ovat tulleet tiensä päähän ja jopa kadonneet kokonaan netistä, on aiheellista paneutua seuraavaan aiheeseen: olen saanut pari toivetta liittyen kuvien poistamiseen Bloggerista ja nimenomaan kuvien poistamiseen kokonaan Bloggerista. Se ei välttämättä ole niin yksinkertaista, kuin luulet, mutta yksinkertaista kuitenkin. Taito on hyvä oppia, jos olet kiinnostunut omasta näkyvyydestäsi netissä, ja olet ladannut blogiisi kuvia Bloggerin omalla kuvienlatausominaisuudella.

Jos joku blogissasi oleva kuva alkaa nyppimään oikein pahasti ja haluat päästä siitä eroon, suuntaat erittäin todennäköisesti postaukseen, etsit kuvan käsiisi, ja klikkaat poista kuva. Kuva katoaa kyllä postauksesta, mutta se jää elämään vielä jonnekin muualle. Sama juttu tapahtuu, vaikka poistaisi koko blogisi. Kuvat ovat vielä jossain jemmassa. Ja se jossain on Picasan valokuva-albumisi tai siis nyttemmin jo Google+ -profiilisi. Tiesitkö, että sinulla on sellainen?

Kun olet silloin joskus alkanut latailemaan kuvia Bloggeriin sen oman kuvanlatausominaisuuden avulla, sinulle on samalla luotu oma albumi verkkoon. Ennen vanhaan, ja vielä paikoitellen nykyäänkin, tämä albumi oli Picasa Web Album. Nyttemmin, kun Google on alkanut tuputtamaan Google+:saa joka niemessä ja notkossa, kuvat löytyvätkin Picasan sijasta sinun Google+ -profiilisi kuvat -osasta. Jos et ole jo käyttänyt nettialbumiasi, pääset näihin käsiksi kirjautumalla Google+ -palveluun samoilla tunnuksilla millä kirjaudut Bloggeriinkin. Sieltä vasemmasta yläkulmasta saat auki valikon, josta löytyy kuvat.

Tänne on tallennettu kaikki Bloggeriin sen omalla palvelulla lataamasi kuvat. Sieltä pääset poistamaan kuvia joko yksitellen tai sitten kansio kerrallaan. Jos poistat kuvan täältä, se katoaa myös Bloggerista, mutta kun poistat kuvan Bloggerista, se jää tänne.

Omista Google+ -asetuksistasi voit asettaa kuvia, kansioita, ym. tietojasi joko yksityisiksi tai jaetuiksi. Google+:assa voit tehdä ja jakaa kaikennäköistä muutakin, mutta se ei oikein ole lähtenyt käyntiin kovin reippaasti ainakaan minun näkökulmastani katsottuna. Voimme joku toinen kerta tutkiskella sitä lähemmin, jos kiinnostusta löytyy.

Itse en ainakaan ollut kovin innoissani silloin joskus Bloggerin käyttöni alkumetreillä, kun huomasin jonkin ihmeen mutkan kautta kaikkien kuvieni olevan myös jossain muualla netin sopukoissa. Ensimmäinen ajatus minulla silloin oli ovatko kuvat kaiken kansan nähtävillä. Tämä varmasti huolettaa niitä kaikkia muitakin, joille albumien olemassaolo tulee yllätyksenä. Niiden pitäisi kuitenkin olla näkyvissä vain sinulle ennen kuin päätät niitä itse jakaa muillekin, joten no worries!

Pinterest ja sen hyödyt blogillesi

Tiedetään, että netissä on ihan liikaa kaikenlaisia palveluita, joihin bloggaajan olisi pitänyt liittyä jo sata vuotta sitten ollakseen ajan hermoilla ja suosion huipulla. Jos pysyt kärryillä vielä Facebookin, Twitterin, Instagramin ja muiden jälkeen, niin tutustu vielä Pinterestiin. Mutta varoitan: se on koukuttavaa, todella koukuttavaa. Nyt jos joku siellää miettii, että mikä piru se Pinterest niistä kaikista kuvapalveluista oikein olikaan, niin sehän on lyhykäisyydessään vähän kuin ilmoitustaulu netissä, johon kuka tahansa voi rekisteröityä. Sinnehän siis kerätään lähinnä kuvia erilaisiin ryhmiin jaoteltuna. Pinterestiin liittyessä omalle koneelle tulee ladata Pin it -nappula, jonka avulla netissä eteen tupsahtavia kivoja kuvia voi sitten pinnata sinne omaan sopivaan ryhmäänsä. Toiset voivat sitten seurata sinua ja sinä heitä. Parhaiten Pinterest aukeaa, kun siihen tutustuu itse: lyhennelmän toimintaperiaatteesta löydät täältä.

Pinterest ei siis ole mikään viattomien kuvakollaasien rakenteluun suunniteltu työkalu, vaan sitä käytetään kaikenlaiseen rekrytoinnista ajantappamiseen.  Ihan hirveän monelta suomibloggarilta Pinterestiä ei kyllä löydy, vaikka heidän kuviaan siellä paljon pyöriikin. Pinterest on myös loistava inspiraation lähde. Etsit sitten inspistä pukeutumiseen, sisustukseen, kampauksiin, tatuointiin, meikkiin, kynsiin... You name it! Postausaiheiden etsiminen sieltä voi myös olla hedelmällistä: etsi suosittuja pinnauksia niin tiedät vähän mistä ihmiset ovat kiinnostuneita. Sieltä voi löytää uutta luettavaa, kun tutustuu kanssapinnaajiin. Mielenkiintoisia boardeja koonneella käyttäjällä voi olla vielä mielenkiintoisempi blogi. Ja tämähän toimii myös toisin päin:  sinut ja blogisi voidaan myös löytää tällä tavoin. Etenkin kansainvälisemmän yleisön perään mielailevan blogin kannattaa hankkia tunnukset näillä näppäimillä!

Pinterestistä voi siis yksinkertaisuudessaan (jälleen kerran) saada paljon liikennettä omaan blogiin. Omat kuvat kannattaa pinnata ja kuvan tietoihin liittää oman blogin osoite. Esimerkiksi omat asukuvat saavat tätä kautta aivan uuden yleisön. Kyllä ihmisiä kiinnostaa mistä kauniit kuvat ovat alkujaan kotoisin ja aika moni päätyy blogiisi asti. Siellä voi myös nousta suureksikin vaikuttajaksi, kun saa tarpeeksi seuraajia ja mikä tärkeintä pinnaa mielenkiintoisia kuvia tms. ensimmäisenä. Niinpä sinä roikut ensimmäisenä pinnaajana aina kuvan tietojen mukana muiden jakaessa sitä eteenpäin. Omat pinboardit kannattaa myös nimetä osuvasti ja houkuttelevasti, jotta potentiaaliset seuraajat saavat heti käsityksen kiinnostavuudestasi. Pelkkä jo joidenkin muiden löytämien kuvien uudelleen pinnaaminen ei tee sinusta ehkä kamalan tunnettua mutta sitä tulee väkisinkin tehtyä, jotta omaan Pinterestiin saisi tarpeeksi sisältöä eikä sortuisi pelkän oman sisällön promoamiseen. Pelkkä oman hännän nostatus ei taida olla edes sallittua.

Pinterestissä voi myös etsiä muita suosittuja henkilöitä, joiden seuraajista osa kelpaisi itsellekin. Ehkä tämä henkilö onnistuu huomioimaan sinut, jos seuraat häntä, pinnaat uudelleen hänen kuviaan ja kommentoit niitä (ahkerasti siis muttei millään vainoamismeiningillä). Ja jos hänen seuraajansa sattuvat olemaan myös sinulle sopivaa kohderyhmää, joku ehkä eksyy linkkailemalla blogisi lukijaksi asti. Ja muiden suosittujen henkilöiden seuraaminen on siitäkin suotavaa, että heiltä saa vinkkejä miten koota houkuttelevimmat pinboardit.

Otin taannoin osaa erääseen jenkkilästä käsin pidettyyn webinaariin, jossa puhuttiin asiantuntevasti siitä miten Pinterestin käytöstä saa mahdollisimman paljon irti. Kohteena oli lähinnä yritykset, jotka haluavat hyödyntää Pinterestiä mutta samoja vinkkejä voi hyödyntää ihan jokainen bloggari, sillä blogihan on kuin pieni (tai suurikin!) yritys, jota tulee hoitaa. Ajattelin tähän loppuun jakaa webinaarista tekemistäni muistiinpanoista ne parhaat bloggaajalle ja blogittomalle sopivimmat täällä ja niitä voi sitten jokainen nykyinen ja tuleva pinnaaja soveltaa tarpeensa mukaan.

• Jos vain osaat ja pystyt, lisää blogiisi Pin it -nappi esimerkiksi tuonne postauksen loppuun muiden fb- ja twitter-nappien jatkoksi. Jos saat sen asennettua kuviin, vielä parempi. Teet silloin pinnaamisesta todella helppoa, vaikka se onnistuuhan se tietenkin Pinterestiin kirjautuneelta käyttäjältä ihan hänen omaan selaimeen asennetun napinkin kautta. 
• Lisää tekstiä kuviin, jotka jaat Pinterestissä. Tekstilliset kuvat saavat huomattavasti ennemän huomiota eivätkä huku massaan. 
• Muista myös lisätä kuvateksti kuvan alle. 
• Älä pinnaa vaan kuvia: teksti ja videot toimivat myös erittäin hyvin.
• Erityisesti tutoraalien pinnaaminen kannattaa. Eli jos sinulla on vaikka kuvasarja silmämeikin teosta, se voi olla pian jaossa laajaltikin.
• Kuvat, jotka ovat pystysuunnassa pitkiä ja kapeita, saavat enemmän huomiota kuin vaakatasossa leveämmät kuvat. Pitkät ja kapeat kuvat kehiin siis ja menestys on taattu!

Ja nyt jos joku miettii onko Pink Bubblella oma Pinterest-tili, niin vastaus on ei ole. En tässä vaiheessa koe aikani rajallisuuden vuoksi Pinterestiin koukuttumista (jälleen kerran) järkeväksi investoinniksi mutta kukapa tietää. Muissa yhteyksissä kuin tämän blogin kautta olen siellä kyllä aikaani tappanut ja suosittelen siksi muillekin. Ja niin kuin alussa totesin, kaikenlaisia palveluja alkaa olla jo niin paljon, että ihan jokaisen kelkkaan ei voi lähteä, mutta jos Pinterest kuulostaa yhtään sinun jutultasi liity heti ja ainakin kokeile hetki. Jos tykkäät esimerkiksi We Heart It -tyyppisistä palveluista, tämäkin on sinun juttusi ihan varmasti. 

Vinkattakoon vielä ihan loppuun muutamia suomalaisia bloggareita, joiden inspiroivista Pinterest-tileistä voi ottaa vauhtia omaansa: Pupulandia, Char and the City ja Avec Sofié ainakin ovat mielestäni kurkkaamisen arvoisia tapauksia. Ja kommenttiboksissa otetaan mielellään vastaan yleisen keskustelun lisäksi linkkejä teidän Pinterest-tileille!

Kuvat kertovat puolitotuuden

Kuvankäsittelystä harvoin puhutaan ääneen. Tuloksista esitellään yleensä ne pieleen menneet, joissa on vahingossa poistettu vaikkapa toinen käsi kokonaan. Mutta sitä osataan toteuttaa myös hyvin ja katsojaa voidaan viilata linssiin. Kuvankäsittelyyn ei myöskään yleensä suhtauduta innosta hihkuen ainakaan kuvien katsojan osalta. Käsitelläänkö blogien kuvia? No totta kai! Mutta missä menee se pienen korjailun ja radikaalin käsittelyn raja, eli mikä on hyväksyttävää muokkailua ja mikä ei?

Monet bloggarit myöntävät muokkaavansa kuvia esimerkiksi valoisuuden ja tarkkuuden suhteen. Myös punaisten silmien poisto on täysin normaalia toimintaa. Tälläisten pienten hienosäätöjen tekeminen on merkki ammattimaisesta toiminnasta, sillä täysin käsittelemätön kuva ei välttämättä näytä hyvältä blogissa. Kauniilla kuvilla on suuri merkitys blogin menestyksen kannalta. Myös Instagram on ollut monien bloggarien pelastus. Enää ei tarvitse vääntää kättä siitä onko kuville tehty jotain. Jo valmiiksi huonolaatuisten kuvien myötä kuvankäsittelyä ei ole tarvinnut paljoa harrastaa: kaikki piirteet ovat paljon pehmeämmät, kun kuva ei ole täysin tarkka.

Edellä mainitut muokkaukset ja kuvaustyyli ovat erittäin kesyjä. Mutta voimmeko olettaa, että blogien kuvia käsitellään myös paljon järeämmällä otteella, joka kuitenkin (useimmiten) on lähes huomaamatonta? Sentti pois tuolta, nenä suoraksi ja tissit suuremmiksi. Onnistuu! Kuvia voi retusoida näin radikaalisti aika monella tavalla ja esimerkiksi bannerinteko-ohjeessa mainitsemani kuvankäsittelyohjelma Picmonkey tarjoaa laajan skaalan erilaisia tehosteita, joilla kuvaa voi muokata: miltä kuulostaisi laihtuminen tai luomivärin lisääminen? Ryppyjen tasoittaminen tai huulikiilto? Vai saisiko olla nämä kaikki ja vielä enemmän?

On ihan ymmärrettävää, että kun julkaisee itsestään kuvia muiden pällisteltäväksi, haluaa näyttää hyvältä. Kuvat myös todennäköisesti päätyvät jakoon moniin muihinkin yhteyksiin netissä. Vaikka nimeä ja kuvaa ei osattaisikaan enää yhdistää, on silti parasta näyttää pirun hyvältä. Harva ihminen haluaa tietoisesti esiintyä jotenkin epäedullisesti ulkonäöllisesti tai tekojensa puolesta. Siksi on ihan normaalia ja yleistä käyttää alussa mainitsemiani "hyväksyttäviä" korjailuja, jotka eivät sinällään vaikuta paljoa siihen millaisen kuvan saamme kuvien henkilöstä. Mutta näillä järeämmillä aseilla olemusta voidaan muuttaa aika radikaalistikin ja niiden käyttöä tuskin myönnetään. Jos tietäisit tai sinulle selviäisi blogin kuvien olevan hyvin muokattuja, tuntisitko itsesi petetyksi vai olisiko se ihan ymmärrettävää? Epäilyjä tämmöisestä toiminnasta näyttäisi liikkuvan (niin kuin kaikesta muustakin, aina).

Bloggarit siis julkaisevat harvoin itsestään muita kuin hyviä kuvia. Osittain se on varmasti myös itsesuojeluvaistoa: jos katsoo kieroon kuvissa, saa pian kuulla siitä kommenttiboksissa. En tarkoita sitä, että bloggarimme olisivat kauheaa katseltavaa ilman kuvien muokkausta tai laittautumista niitä varten. Päinvastoin. Mutta kaunottaristakin saa välillä napsittua huonompia otoksia. Muutamissa blogeissa on aina välillä jaettu niitä pieleen menneitä omakuvia: esimerkiksi Alexa Dagmarin blogissa oli jokin aika sitten hauska kokoelma erilaisia potretteja hänestä. Nämä kuvat, joissa bloggarit eivät ole parhaimmillaan tai tahallaan ilveilleet kameralle, tuovat heidän inhimillistä puoltaan esille. Lukijatkin samaistuvat huomatessaan etteivät itse ole ainoita, jotka näyttävät välillä idiooteilta kuvissa.

Inhimillisyyttä todisteltiin kuvien muodossa myös taannoisessa Naked Truth -haasteessa, joka lähti Tyyliä Metsästämässä -blogin hienosta postauksesta ja johon todella moni bloggari otti osaa. Siinä siis julkaistiin kuva omasta naamasta ilman meikin meikkiä. Haaste oli melko poikkeava mutta ilahduttavan moni siihen tarttui. Osa osallistujista näytti hyvinkin eriltä ilman sotamaalauksia mutta joidenkin kohdalla ero oli häkellyttävän pieni. Häkellyttävä se oli siksi, että nämä bloggarit blogin mukaan meikkaavat paljon mutta sillä ei näyttänyt olevan oikein mitään vaikutusta naamataulun normaalitilaan: he näyttivät ilman meikkiä ja meikattuna yhtä täydellisiltä. Ja siitähän nousi paikoin haloo: olikohan haasteeseen osallistuttu ihan rehellisin kuvin? Ja jotkut turvautuivat jälleen Instagramin hämyiseen maailmaan, jolloin näyttää meikittäkin epätarkalta mutta siloposkelta kuitenkin.

Aina mahdollinen kuvankäsittely ei ole se oudoin osa kuvaa; välillä kuvissa keekoilevan bloggarin omat kommentit tekevät otoksista epäilyttäviä. "Näytän ihan idiootilta" ja "Yrittäkää olla välittämättä mun vatsamakkarasta" -tyyppiset heitot mallitasoisten napasisään  -kuvien yhteydessä ovat aina hieman huolestuttavia. Yrittävätköt nämä bloggarit saada lukijat vakuuttelemaan, että hän on jumalaisen kaunis ja fiksun näköinen eikä minkäänlaista makkaraa tai edes nakkia ole näkyvissä? Vai onko näiden tapausten oma mielikuva omasta itsestään ja kehostaan jotenkin vääristynyt? Hmm...

Tuntemuksia voi herättää myös kuvien lavastus. Moni varmasti olettaa, että lifestyleblogeissa kuvataan arkea ja kuvatkin on sieltä repäistyjä. Ihmetys voi olla suuri, kun bloggarin koti on aina ojennuksessa ja aamupalarahkankin pähkinät ovat asettuneet sössön pinnalle niin kauniiseen rykelmään ja servettikin on taiteltu moitteettomasti. Lattekin on kuin kahvilasta tilattu ja pöydällä on avonainen muotilehti. Itse on ehkä lapannut aamulla puuroa seisaaltaan keittiössä ja sitä miettii mikäköhän omassa elämässä on mennyt pieleen. Myös päivän asuja ei kannata ottaa kirjaimellisesti. Jos bloggari kertoo juoksennelleensa päivän kaupungilla asioita hoitelemassa ja samaisen päivän asukuvassa hänellä on huikeat piikkikorot, epäilyksiä kuvien "aitoudesta" voi herätä. Tässä pätee sama juttu kuin jo edellä mainitsin: itsestään haluaa luonnollisesti antaa hyvän kuvan. Kuka haluaisi kuvata harmaata puuroa ja pullanmuruja pöydällä, kun pienellä vaivalla voi luoda kauniinkin asetelman. Siitä voi sitten napsia kuvia lattialla olevan likasukkakasan vieressä seisten. Onko tämä lavastelu jotain vilunkipeliä vai ei? Todellisuuden verhoa raotettiin ainakin sisustusblogeissa samantyyppisen naked truth -haasteen muodossa

Itse olen sen verran tarkka julkisesta kuvastani, että en haluaisi näyttää mitenkään epäedulliselta. Mutta en kuitenkaan kehtaisi muokata kuvia muuten kuin pienten värisäätöjen verran enkä koe siihen edes mitään tarvetta. Muuten tuntisin itseni huijariksi. Ja mitä lavastukseen tulee, niin sehän on erittäin houkuttelevaa mutta paljon käytettynä ei ollenkaan uskottavaa. Jatkuva täydellinen lavastus todennäköisesti vain ärsyttää joitakuita lukijoita. Miten on, muokkaatteko tai lavastatteko blogissanne julkaisemia kuvia? Entäs oletatteko blogeissa näkyvien kuvien olevan aina täysin aitoja? Mikä on ookoo muokkausta ja mikä ei?


Photo credit 1: CatDancing / Foter.com / CC BY-NC
Photo credit 2: Dire Penguin / Foter.com / CC BY-NC-ND

Tyylikäs banneri blogiin helposti ja nopeasti

Jos olet hieman hukassa blogin bannerin tekemisen suhteen tai muuten vain tyytymätön siihen, tämä postaus on sinulle tehty! Minulta pyydettiin jo kerran bannerinteko-ohjetta, joten tässä semmoinen nyt olisi. Heti alkuun haluan kyllä sanoa, että bannereita voi tehdä monella eri tapaa ja lukuisilla ohjelmilla. Nyt seuraavan ohjeen mukaan tehty banneri on todella helppo väsätä ja ulkonäöstä ei tarvitse tinkiä. Et tarvitse siihen sen kummempia ohjelmia ja kaikki on ilmaista.

Tosiaan, olet ehkä huomannut, että blogini ulkoasu on muuttunut tänään. On uutta banneria ja sun muuta. Toisin kuin yleensä suositellaan, en lähtenyt tekemään  muutoksia yön pimeinä tunteina, jolloin on pienempi riski häiritä blogin lukijoita. Tein muutokset keskellä päivää ja pyydän anteeksi niiltä, jotka kokivat outoja tuntemuksia blogiani lukiessaan ulkoasun vaihtaessa vilkkaasti olemustaan. Sain katsokaas inspiraation. Olen salaisesti kärsinyt blogini ulkoasun suhteen jo pidempään mutta minulla ei ole ollut aikaa (seliseli) tehdä haluamiani muutoksia. Olen myös tottunut tekemään hienoja sivuja Wordpressillä ja tämä Bloggerin käyttö tuntui jotenkin erittäin nihkeältä. Päätin kuitenkin ottaa härkää sarvista ja saada itseni uskomaan, että Bloggerillakin saa mahtavan sivun aikaiseksi. Taisin onnistua! Nyt haluan jakaa inspiraationi hedelmiä myös teille rakkaat bloggarilukijani. Mutta aion tehdä sen osissa. Tänään tehdään siis mahtava banneri blogille nopeasti ja näppärästi.  Tekotapa oli minullekin uusi mutta pääsi heti ehdottomaksi suosikikseni. Aloitetaan:

1. Päätä ensin haluatko bannerisi taustalle jonkin oman kuvan. Vaikka et omaa kuvaa käyttäisikään, voit lisätä banneriin myöhemmin vaikka mitä, joten ihan tyhjä tausta on myös suositeltava.

2. Mene osoitteeseen Picmonkey.com. Klikkaa etusivulla keskellä olevaa Create a Collage -linkkiä. Siirryt tekemään kollaasia.

3. Valitse vasemmasta reunasta toinen kohta Layouts, joka avautuu valmiiksi Ducks in a Row -kohdassa. Valitse kolmesta vierekkäisestä neliöstä koostuva pohja. Tämä on suositeltava koko.

4. Jos haluat tyhjän pohjan, josta rakentaa banneri, klikkaa Save kuvan yläpuolelta ja tallenna kuva koneellesi. Voit valita minkä James Bondin tasoisen kuvan haluat tallentaa. Itse otin varmuudeksi Piercen, vaikka hän inhokkini onkin. Sulje kollaasinteko -ikkuna oikeasta yläkulmasta ruksista (siis ei koko selainta!). Pysy Picmonkeyssa.

 Ja ruksi:

5. Jos taas haluat käyttää omia kuvia, valitse minkä pohjan haluat Layout -kohdasta mutta muista bannerin suorakaiteenomainen muoto. Älä siis valitse neliötä tai kuvistasi voi loppupeleissä tulla aika mielenkiintoisesti muotoutuneita. Sitten valitse Layout -kohdan yläpuolelta Images ja lataa kuvia koneeltasi klikkaamalla Open Photos. Voit raahata ladatut kuvasi valitsemaasi pohjaan oikeille paikoille. Tallenna ja poistu samoin kuin kohdassa 4.

6. Kun olet sulkenut kollaasi-ikkunan, valitse etusivulta Edit a Photo. Avaa äsken tallentamasi bannerin pohja (tyhjä tai kuvallinen). Eteesi avautuu suurinpiirtein tälläinen näkymä (jos sinulla on siis tyhjä pohja):

7. Muuta pohjan koko sopivaksi bannerille kohdasta Resize vasemmalta alhaalta.

Ota ruksi pois kohdasta Keep Proportions. Aseta haluamasi bannerin koko: leveys x korkeus. Minun oli 1180x320 muistaakseni. Jos sinulla ei ole hajuakaan koosta, kannattaa kurkata Bloggerin blogin mallinsuunnittelutyökalusta blogisi leveys (Malli --> mukauta --> säädä leveyksiä ja sieltä kurkkaa koko blogin leveys). Bannerin leveyden voisi olla melko sama blogin leveyden kanssa. Korkeuden voit laittaa mieleiseksesi. Kokeile eri mittoja, sillä näet samalla miten koko muuttuu. Lopuksi paina Apply.

8. Oletetaan, että haluat kirjoittaa ainakin blogisi nimen banneriin. Valitse siis Text -kohta (se P). Valitse alkuun jokin kiva fontti ja klikkaa Add Text.

Kirjoittele, leiki värillä, koolla, fontilla, ym.

9. Kun olet valmis tekstin koon, näön ja paikan suhteen, voit leikkiä muilla efekteillä. (Voit myös myöhemmin muokata tekstiä, älä huoli.) Vasemmassa reunassa on monia muita kohtia, joilla saa tehtyä eri efektejä banneriin, lisättyä kuvia, ym. Sieltä löytyy vaikka mitä kivaa! Leiki vapaasti.

10. Kun olet tyytyväinen tai jo pitkästynyt, tallenna luomuksesi koneellesi samalla tavoin kuin tallensit pohjankin kohdassa 4. Nyt saat poistua Picmonkeysta.

11. Mene Bloggeriin Ulkoasu -kohtaan ja vaihda blogisi ylätunniste. Poista vanha banneri. Lataa luomasi uusi banneri koneeltasi ja tallenna. Muistaa painaa oikealta ylhäältä Käytä blogissa.

12. Ihastele työsi tulosta!

Lopuksi vielä huomautus niille hifistelijöille, jotka haluavat bannerin sulautuvan saumattomasti blogin taustaan niin kuin minulla. Blogin tausta ja bannerin tausta ovat molemmat valkoisia, joten niiden pitäisi periaatteessa sulautua yhteen. Mutta minulla bannerin tausta näytti tietystä kulmasta katsottuna selkeästi eriväriseltä, kun latasin bannerin koneeltani niin kuin kohdassa 11. Ongelma ratkesi ja bannerin tausta ei erottunut, kun latasin bannerin URLista enkä koneeltani. Tallensin bannerin ensin Photobucketiin, jotta sain sille oman URL-osoitteen, jonka syötin kohdassa 11. Tämän huomautuksen voi unohtaa, jos banneri näyttää koneelta ladattuna priimalta. Ja harva lukee blogiasi pää kummallisesti kenossa niin kuin minä tein huomatessani tuon värieron, joten älä hötkyile pienistä. Lisää saa kysyä, jos tämä aihe kiinnostaa. 

Siinäpä se oli! Picmonkey on muuten oikein mukava kapistus muidenkin kuvien muokkailuun, joten siihen kannattaa tutustua paremminkin. Jos ryhdyitte bannerintekoon niin laittakaa ihmeessä linkkiä, niin päästään ihastelemaan tekeleitänne.