Matka kohti Habitarea | 2019

Habitare 2019

Olimme 11.9.2019 vierailemassa Habitare messuilla Messukeskuksessa. Kuvasimme siellä hienoja messuosastoja, mielenkiintoisia väriyhdistelmiä, sekä erilaisia teippauksia ja grafiikoita. Myös erilaisia esitteitä tarttui mukaan suuri määrä.

Messuosastot























Väriyhdistelmät



















Teippaukset | Grafiikat



















Esillepanon toteuttaminen Voimaeläimelle

Esillepano Voimaeläimelle

Toteutimme esillepano projektin Voimaeläimelle. Esillepano alue sisälsi paljon kissojen raapimispuita, ja olikin suht hankalaa lähteä miettimään, mitä tekisimme esillepanoon. Lisäksi saamamme ohjeet päivistä ja rekvisiitan saannista olivat hyvin epäselviä. Päiviä piti useasti vaihtaa ja aluksi olimme saaneet hyvin vapaat kädet rekvisiitan suhteen, mutta myöhemmin kuitenkin asiakkaamme kuitenkin päätti toisin.

Alkuvalmistelut

Sovimme asiakkaamme kanssa päiviä, jolloin tulisimme liikkeeseen mittailemaan aluetta, sekä muutamia tuotteita. Teimme myös moodboardeja ja lähdimme alustavasti suunnittelemaan erilaisia asetelmia.

Alueen sekä tuotteiden mittaamista myymälässä

Tekemäni moodboard voimaeläimelle

Suunnitteleminen

Olimme aluksi lähteneet suunnittelemaan puita rekvisiitan kanssa, mutta jouduimme myöhemmin kuitenkin kehittelemään uudet suunnitelmat. Päädyimme tekemään suunnitelman, jossa kissan raapimispuut on laitettu värijärjestykseen.

Luonnosten tekoa

Viimeisimmän luonnoksen tekoa

Suunnitelmamme Voimaeläimelle

Toteutus

Toteutus päivää oli todella hankala saada, ja jouduimmekin vaihtamaan sitä useita kertoja joko asiakkaan, tai omien vastoinkäymisten takia. Kuitenkin pääsimme vihdoin 10.9.2019 toteuttamaan esillepanoa.

Tuotteiden ottamista pois hyllyiltä

Esillepano ennen

Esillepano jälkeen
Minun lisäkseni projektissa olivat mukana Roosa, Violetta sekä Nella

Yhden pakopisteen perspektiivi

Yhden pakopisteen perspektiivi

Tekemäni yhden pakopisteen perspektiivissä oleva pohja

Yhden pakopisteen perspektiivin avulla saadaan luotua tarkkoja luonnoksia esimerkiksi näyteikkunoihin, tai muihin vastaaviin tila töihin.

Syvyydet ja oikeat kulmat perustuvat matematiikkaan, ja näin ollen saadaan luonnokseen oikeita mittoja vastaavat kuvat tehtyä.

Yhden pakopisteen perspektiivin luonnokseen tarvitaan ainakin geokolmio oikeiden kulmien tekemiseen, sekä skaalatikku mittakaavoja varten.

Mitä on hakukoneoptimointi?

Hakukoneoptimointi

Mitä hakukoneoptimointi on?

Hakukoneoptimointi eli SEO (=Search engine optimization) tarkoittaa verkkosivun näkyvyyden nostamista hakukoneissa, kuten Googlessa tai muussa vastaavassa hakukoneessa. Mitä parempi hakukoneoptimointi sivulla on, sitä korkeammalle se pääsee haussa ja saa näin kaikista parhaiten näkyvyyttä ja klikkauksia.

Miten hakukoneoptimointiin voi vaikuttaa?

Hakukoneoptimointiin voi vaikuttaa monella eri tavalla. Kaikista suurin tekijä on sivuston "Title" -elementti. "Title" -elementti on se tekstin pätkä, joka tulee näkymään haussa, sekä aina sivuston yläosassa.

Avainsanojen käyttäminen on todella tärkeää hakukoneoptimoinnissa. Pitää miettiä, millä sanoilla ihmiset hakevat asioita, mitkä otsikot ovat selkeitä hakea. Samojen sanojen toistaminen teksteissä myös lisää näkyvyyttä huomattavasti.

Meta-description on se tekstinpätkä joka näkyy titlen alapuolella hakukoneessa. Se teksti yleensä luetaan heti ensimmäisenä ennenkuin sivulle edes mennään joten siihen yleensä kirjoitetaan jotain aiheeseen liittyvää, avainsanoja käyttäen. Pituus meta-descriptionissa pidetään n. 150 merkissä.

Otsikot kirjoitetaan H1 -tasolla, ja niissä käytetään tekstin avainsanoja. Mikäli otsikosta tulee pitkä, tulee tärkeimmät avainsanat laittaa otsikossa vasemmalle, mielenkiinnon herättämiseksi ja näkyvyyden lisäämiseksi. Myös itse tekstissä käytetään H2, ja H3 -tasojen otsikoita, joissa on myös avainsanoja.

Leipätekstissä listojen (ul, ol) käyttäminen helpottaa tekstin silmäilyä huomattavasti. Avainsanoja tulee myös toistaa tekstissä useampaan kertaan. Leipätekstiä voidaan lihavoida, mutta sitä tulee käyttää ainoastaan silmäilyn helpottamiseksi, sillä se ei vaikuta hakukoneoptimointiin samalla tavalla kuin esimerkiksi alaotsikoiden käyttö.

Tekstin tunnisteisiin tulee lisätä avainsanat. Avainsanoja ei koskaan saa olla liikaa, muutama riittää ihan hyvin ja parantaa hakukoneoptimointia.

Linkitykset nostavat hakukoneoptimoinnin tasoa. Esimerkiksi lähteet tai muiden sivustojen linkittäminen tekstiin ovat erittäin käytännöllisiä. Linkkien kannattaa sisältyä samaan aiheeseen, kuin tekstin, hakukoneoptimoinnin tehostamiseksi. Virkkeissä, jotka sisältävät linkkejä tulisi olla myös linkkiin viittaavia sanoja, jotta hakukoneet osaavat tulkita linkkien tarkoituksen.

Kuvien nimeäminen vaikuttaa myös hakukoneoptimointiin. Kuvat kannattaa nimetä hyvin kuvaaviksi, ja aiheeseen sopivilla termeillä ja päivämäärillä. On myös ammattimaisempaa nimetä kuvat järkevästi kuin jättää nimeksi vain satunnaisia numeroita ja kirjaimia tai epäsopivia sanoja.

lähde: Nettibisnes.info

Yrittämisen maailma

Yrittäjyys

Olin kuuntelemassa 3.9.2019 järjestettyjä yrittäjyyspäivän puheita. Poimin sieltä muutamia hyviä, sekä mielenkiintoisia pointteja yrittäjyyteen liittyen.

Yrittäjänä ei koskaan osaa varmaksi sanoa, mitä tulevaisuudessa tulee tapahtumaan. Mahdollisuudet voivat riippua suoraan sattumista tai hyvästä verkostosta.

Yrittäjyyteen liittyviä taitoja voi opetella itse, koulutuksen ohella, yrittäjä kursseilla tai suorittamalla yrittäjä tutkinnon. Yrittäjänä itsensä kokoaikainen kehittäminen on tärkeää yrityksen ylläpitämiseksi.

"Paras tapa saada hyviä ideoita, on saada paljon ideoita"

Mitä yrittäjyyteen liittyy?

Mahdollisuus menestyä taloudellisesti, mahdolliset taloudelliset riskit, vastuunottaminen, itsenäiset päätökset, mahdollisuus toteuttaa itseään, mielenkiinto, intohimo.

Mitä yrittäjyydessä tarvitaan?

Yrittäjyydessä tarvitaan oma-aloitteisuutta, tavoitteelisuutta, kykyä vaikuttaa asioihin, ahkeruutta, luovuutta, joustavuutta, neuvokkuutta ja sosiaalisuutta. Myös monet muut kyvyt ja taidot edistävät yrittäjyyttä. Esimerkiksi hyvä ammattitaito, riskien ja vastuunotto kyvyt, halu itsenäiseen työskentelyyn, kyky tehdä tuloksellista työtä sekä hyvät yhteistyö kumppanit ja verkosto.

Miten yrittäjäksi tullaan?

Yrittäjäksi tullaan hyvän liikeidean, harrastuksen, tilaisuuden, sattuman, hyvän osaamisen, tarjouksen tai toisen yrittäjän esimerkin kautta. Myöskin perheen yritystoiminnan jatkaminen on yksi yrittäjyyden muoto.

Mitä ovat paino- ja julkaisuvalmiit tiedostot?

Paino- ja julkaisuvalmiit tiedostot

Painovalmis tiedosto

Painovalmiit tiedostot ovat tiedostoja, jotka lähetetään painotaloon painoon. Painovalmiissa tiedostoissa käytetään aina formaattina PDF:ää ja resoluutio on vähintään 300 (res). Painovalmiiden tuotteiden mittayksikkö on millimetri (mm) ja bleed 3mm tai enemmän. Bleediä ei kuitenkaan aina tarvita.

Painovalmiita tiedostoja ovat esimerkiksi kirjat, käyntikortit, paita painatukset, tapetti, julisteet sekä postikortit.

Painovalmiissa tiedostoissa käytettävä väriavaruus on CMYK. Lyhenne tarkoittaa sanoja cyan, magenta, yellow ja musta.

Julkaisuvalmis tiedosto

Julkaisuvalmiita tiedostoja käytetään esimerkiksi sosiaalisissa medioissa, verkkosivuilla, blogeissa yms. Julkaisuvalmiiden tiedostojen formaattina käytetään PNG:tä tai JPG:tä. Julkaisuvalmiissa tiedostoissa mittayksikkö on pixel (px) ja resoluutiona käytetään 72 (res) tai parempaa. Bleediä ei julkaisuvalmiissa tiedostoissa tarvita.

Julkaisuvalmiissa tiedostoissa väriavaruus on RGB, lyhenne tarkoittaa sanoja red, green ja blue. Väriavaruutena voi olla myös HEX arvot.

Mitä on visuaalinen myyntityö?

Visuaalinen myyntityö

Visuaalinen myyntityö on laaja käsite. Yksinkertaisesti sillä tarkoitetaan tuotteiden esillepanojen tekoa myymälässä, tuotteiden myynnin edistämistä sekä näyteikkunoiden tekoa.

Myymälässä visualistin tulee kiinnittää huomiota väriyhdistelmiin, myyntipöytien- ja koko liikkeen yleiseen siisteyteen.

Visualistin tulee tietää mitkä värit toimivat keskenään, erilaset väriharmoniat ja mikä väri korostaa mitäkin. Esimerkiksi tummat sävyt korostavat vaaleita ja toisinpäin.

Näyteikkunoita tai focuspointteja tehdessä, saatetaan käyttää mallinukkeja vaatteiden esittelemiseksi. Myös torsoja voidaan käyttää esimerkiksi seinillä. Mallinukkeja pukiessa, tulee miettiä jokin tarina, miksi juuri ne vaatteet on puettu ja millaisille henkilöille ne on suunnattu. Mikäli mallinukella on peruukki, tulee sitä huoltaa hellästi. Mallinuket ovat suosittuja, sillä ne edistävät myyntiä.

Myyntipöydillä ja seinillä tulee kiinnittää huomiota siihen, miten vaatteet on aseteltu. Esimerkiksi seinillä tulisi olla muutama vaate front -tyylisesti, jotta niiden myynti nousisi. Myyntipöydillä taas on tärkeää että vaatteet ovat siististi pinossa ja koko järjestyksessä.

Attention
Interest
Desire
Action

Myymälän kalusteissa tulee katsoa että ne ovat selkeästi aseteltuina, suorissa linjoissa, asiakkailla on tilaa kävellä niiden ohitse sekä että jokaisella myyntipöydällä olisi jotain. Myöskin tuotteiden riviin asettelu voi herättää asiakkaan mielenkiinnon ja vertailu on silloin helpompaa.

Myymälöissä on kylmiä ja kuumia alueita, eli alueita missä ihmiset liikkuvat ja alueita missä ei juurikaan käy ihmisiä. Visualistit yrittävät poistaa näitä kylmiä alueita tekemällä niistä mielenkiintoisia, jotta asiakkaat saataisiin menemään sinne.

Moodboard

Moodboard

Moodboardit ovat tunnelmatauluja, niiden avulla luodaan tunnelmaa värien ja elementtien avulla. Moodboardin avulla saadaan määritettyä kohderyhmä, minkälaista teemaa haetaan.

Moodboardit eivät ole vain työkaluja itselle, vaan niiden avulla saadaan ohjattua asiakasta. Minkälaista tyyliä tai teemaa tuotteelle haetaan, ja minkälaista lopputulosta ollaan tavoittelemassa.


Moodboard Kaurismäkeläisyydestä

Moodboardin on tarkoitus luoda Aki Kaurismäen elokuvien tunnelmaa katsojalle. Kaurismäen elokuvia kuvaa hyvin savuisuus, vaatimattomuus. Elokuvat ovat hyvin suoralinjaisia eivätkä ne sisällä paljon puhetta. Tehtaankuvalla kuvastan elokuvien työläisten elämää. betonilla taas elokuvien tylsää ja neutraalia juonta. Väreiksi valitsin harmaan, vaalean ruskean ja mustan, viimeistelemään teeman tunnelma.

Ylpeys ja ennakkoluulo moodboard tehty Violetan kanssa

Moodboard Ylpeydestä ja ennakkoluulosta

Ylpeys ja ennakkoluulo elokuvasta tulee mieleen pastelliset sävyt ja vanhanaikaisuus. Moodboardia tehdessämme mieleen tuli heti tietyt sävyt, jotka on merkitty kuvaan. Kuivuneet kukat ja haaleat sävyt luovat vanhanaikaista tunnelmaa ja viljapelto maalaistunnelmaa. Tunnelma ja teema elokuvassa ovat mielestäni omalla tavallaan herkkä ja haalea, ja halusin että se välittyy moodboardista.

Tiimityöskentely | Itsensä johtaminen

Tiimityöskentely

Tiimityöskentely on joillekkin päivänselvä asia, ja joillekkin taas paljon hankalampi käsite. Tiimityöskentely sisältää paljon huomioitavia ja muistettavia asioita, mitä kaikkien ei ole täysin helppo sisäistää.

Tiimit sisältävät yleensä johtajan, joko valitun tai siihen rooliin muodostuneen henkilön. Hyvä johtaja kuuntelee muita tiimissä ja saa homman etenemään. Johtajaksi valitaan yleensä tiimistä se, joka on rohkein ja puhuu eniten. Tämä voi kuitenkin aiheuttaa ristiriitoja, sillä jos johtaja kuuntelee vain itseään ja jakaa eteenpäin vain omaa ideaansa, tiimin tasapaino horjuu.

Hyvässä tiimissä tehtävät jaetaan tasan jokaiselle. Kokoajan kaikilla olisi jotain tehtävää ja apua saisi toiselta tiimiläiseltä tarvittaessa. Lisäksi jokaisen tiimiläisen, joka tekee esimerkiksi yksin jotain työn osaa, olisi hyvä osata aikatauluttaa oma tekeminen.


Aikatauluttaminen on muillekkin tiimiläisille tärkeä tieto, jotta kaikki tietäisivät tasan tarkkaan milloin joku saa jonkun työnosan valmiiksi. Aikatauluttaminen saattaa myös joskus olla välttämätöntä, jos joidenkin työnosien täytyy sopia keskenään yhteen. Yhteisen viikkosuunnitelman avulla on helppo ja hyvä tarkistaa milloin pitäisi tehdä mitäkin, ja milloin minkäkin asian tulisi olla valmiina.

Tiimissä olisi hyvä luoda myös tavoitteita ennenkuin lähtee työstämään mitään. Näin aikatauluttamisesta tulee suppeampaa kun tiedetään jo suunnilleen milloin mitäkin olisi hyvä olla valmiina.

Kommunikointi on tiimityöskentelyssä aina välttämätöntä. Mikäli kukaan ei puhu toisilleen, työt eivät edisty ja mitään ei saada valmiiksi.

Hyvään kommunikointiin kuuluu myös rehellisen palautteen antaminen muille tiimiläisille. Työn jälki on parempaa, jos et vain sano kaikkeen: "se on ihan hyvä", vaan kerrot mitä pitäisi muuttaa ja mikä toimii. On myös hyvä kysyä useammalta kuin yhdeltä henkilöltä mielipidettä työn jäljestä.

Omasta terveydestä ja hyvinvoinnista on tärkeää pitää huolta, itsensä ja tiiminsä vuoksi. Yössä tulisi nukkua riittävästi (8h), liikuntaa tulisi olla sopivasti viikossa ja ruoan olisi hyvä olla energiapitoista. Ilman näitä perusasioita, työskentely on hitaampaa ja tehottomampaa.

Työasennon huomionti on myös tärkeää. Mikäli päivässä tulee istuttua paljon, tulisi miettiä, miten istuu. Jos istuu jatkuvasti selkä lytyssä ja huonossa asennossa, voi paikat olla aika kipeinä loppuviikosta. Tämä vähentää tulosten määrää ja lisää valitusten määrää.

Taukojakin olisi hyvä pitää säännöllisin väliajoin. Kukaan ei jaksa työskennellä täydellä keskittymiskyvyllä koko päivää. Taukojen pitäminen saattaa olla hankalaa, kun pitää irtautua työstä ja jättää kaikki kesken. Mutta se kannattaa pidemmän päälle mietittynä.

Tiivistelmä tiimityöskentelyyn:

  • Hyvässä tiimissä jokaisella on oma roolinsa
  • Aikatauluttaminen on kaiken a ja o
  • Tavoitteet viikolle ovat tärkeitä
  • KOMMUNIKOINTI!
  • Rehelliset mielipiteet muille
  • Omasta terveydestä ja hyvinvoinnista huolehtiminen
  • Tauotus

Minä tiimityöntekijänä:

Olen itse harvoin tiimin johtaja. Hiljaisuuteni takia yleensä kuuntelen muiden ideoita ja esitän omani useimmiten vain jos sitä kysytään.

Aikatauluttamisessa olen suht tarkka, kirjaan aina viikon alussa koko viikolle tehtävät asiat ja yritän pysyä suht tiukasti niissä kiinni. 

Oman rehellisen mielipiteen kertomisessa olen varovainen, mutta pyrin kuitenkin hienovaraisesti sen aina kertomaan. Koska mielestäni on ajantuhlausta sanoa jotain työhön liittyvää asiaa hyvin tehdyksi tai hyväksi, jos se todellisuudessa on sen vastakohta. On tärkeää miellyttää asiakasta!

Kommunikoinnissa käy helposti niin että jos muut eivät puhu, minäkään en puhu. Edelleen, koska olen suht hiljainen, on vaikeaa pitää mykkien ihmisten kanssa keskustelua yllä.

Tiimityöskentelyssä pidän siitä että alussa jaetaan jokaiselle omat tehtävät tai alueet, ja sen jälkeen voi mennä yksikseen tai parin kanssa sitä tekemään. Isommassa porukassa työskentely on jotenkin itselle haastavaa eikä siitä koskaan tahdo tulla mitään.

Itsensä johtaminen

Niin.. Itsensä johtaminen on laaja käsite ja käsittelen sen tässä suht suppeasti. 

Itsensä johtamisessa ajattelet omaa etuasi, mikä on sinulle itsellesi parasta. Tähän liittyy mm. uni, ruokailu tottumukset, aikataulut, tavoitteet yms.

Otat kirjaimellisesti itseäsi niskasta kiinni ja olet oman elämäsi queen (tai king) järjestät oman elämäsi järjestykseen, pidät asioista kiinni. Teet ratkaisuja, päätöksiä koskien arkeasi. Et lykkää asioita vaan päätät että teet ne nyt.

Itsensä johtaminen on tärkeä taito eikä sitä opi noin vain. Se vaatii paljon itsensä kuuntelemista ja mahdollisia muutoksia.

Ikkunanpesu -ja silitys videot



Miten lisätä uusi fontti blogiin?

Uusia fontteja blogiin!

Blogger sisältää rajallisen määrän fontteja eivätkä ne tietenkään ole kaikille tarpeeksi. Lisää fontteja voi hankkia Google Fonts -nimiseltä sivustolta, jota tulenkin käyttämään tässä esimerkissä.

Mistä aloitetaan?

Pääset helpoimmalla jos mietit minkä tyyppistä fonttia etsit, onko se kaunoa, tikkukirjaimia vai jotain uniikkia? Google Fonts -sivustolla pystyt rajaamaan hakua tai jopa etsiä tietyn nimisiä fontteja sivuston kirjastosta.


Kun olet löytänyt mieleisen tai etsimäsi fontin, jatka seuraamalla alla olevaa ohjeistusta.

Fontin liittäminen muihin blogin fontteihin

1. Kun olet valinnut fontin, paina sen yläkulmassa olevaa oranssia ympyrää jossa on "+" -merkki.


2.  Tämän jälkeen alas tulee tumma palkki jossa kerrotaan että olet valinnut kyseisen fontin.


3. Paina palkista ja siitä avautuu laatikko joka sisältää tarvitsemasi koodit ja mahdolliset muutos asetukset.


Mikäli tahdot lisätä kirjastoon fontille luotuja lisätyylejä, paina "Customize".


Fontin nimen alapuolella on laatikoita, rastita niistä ne jotka tahdot mukaan kirjastoosi. Ota kuirenkin huomioon fontin Load Time, joka näkyy itselläni kuvassa vihreällä, mitä enemmän lisäosia otat fonttiin, sitä hitaammaksi latausaika menee. Kieliasetuksiin (Language) ei tarvitse koskea, pelkkä "Latin" riittää.

4.  Jos muutit "Customize" -osion asetuksia, palaa nyt takaisin "Embed" -sivulle. Muussa tapauksessa jatka vain tästä eteenpäin. 


Näet kaksi laatikkoa, eli kaksi koodia. Tarvitset molempia jotta saat fontin kirjastoosi sekä määriteltyä käyttötarkoituksen.

Aloitetaan ylemmästä koodista, joka on "Standard" -sivun alla. Kopioi se itsellesi. Älä sulje tätä sivua, tarvitset sitä myöhemmin!


5.  Kopioituasi sen, mene blogisi hallintasivulle, ja valitse vasemmalta kohta "Teema"


6. Tämän jälkeen valitse blogisi livenäkymän alta kohta "Muokkaa HTML-koodia"


7. Näet koko blogisi html-koodin tässä, ja koodi saattaakin näyttää silmääsi hankalasti luettavalta tai monimutkaiselta. Mutta ei hätää! tarvitset vain <head> tagia fontin liittämiseksi kirjastoosi.


Korostin <head> tagin keltaisella jotta se olisi helpompi paikantaa, yleensä se löytyy html-koodin alkuosasta. Laita <head> tagin alle rivinvaihto (enter), niin että sen alapuolella oleva rivi on tyhjä. Itselläni siis rivi 5 on tällä hetkellä tyhjä.

8. Liitä nyt kopioimasi koodinpätkä tyhjälle riville. Poista siitä kuitenkin fontin nimen jälkeinen osuus. (Esimerkiksi itse poistin korostetun kohdan &display=swap Lisää myös kopioimasi koodinpätkän perässä olevan > merkin eteen / merkki. (Esimerkissäni loppu olisi rel="stylesheet" /> )


Tämän jälkeen koodinpätkä näyttää suurinpirtein tältä:


9. Paina "Tallenna teema" 


10. Siirry takaisin "Teema" -sivulle


11. Valitse tällä kertaa kohta "Muokkaa"


12. Valitse vasemmalta kohta "Lisäasetukset"


13. Kelaa lista ihan alas ja valitse kohta "Lisää CSS" Eteesi avautuu CSS laatikko, jätä se auki.



14. Nyt palataan takaisin Google Fonts -sivulle, siihen samaan kohtaan jossa olimme jo aiemmin. 


Nyt tarvitsemme CSS koodia, se löytyy aiemmin käytetyn koodin alapuolelta (Korostettu harmaalla kuvassa) kopioi se itsellesi ja palaa takaisin blogisi CSS laatikon luokse.


15. Liitä kopioimasi koodi CSS laatikkoon. Älä unohda kommentoida koodiasi!

16. Liitit koodin laatikkoon eikä mitään tapahtunut? Niin, koska emme ole vielä määritelleen mihin käyttöön fontti tulee,

Tahdon fontin blogitekstieni otsikoihin, mitä teen?

Esimerkissä käytetty suoraan sivulta kopioitu CSS: font-family: 'Codystar', cursive;
Esimerkissä käytetty, sovellettu CSS: .post-title {font-family: 'Codystar', cursive !important;}

  1. Kirjoita kopioidun koodin eteen .post-title {
  2. Tämän jälkeen tulee sivulta kopioimasi CSS koodinpätkä
  3. Kirjoita kopioidun koodin perässä olevan ; merkin eteen !important
  4. Lisää loppuun }

Tahdon fontin blogiteksteihini, mitä teen?

Esimerkissä käytetty suoraan sivulta kopioitu CSS: font-family: 'Codystar', cursive;
Esimerkissä käytetty, sovellettu CSS: .post-body {font-family: 'Codystar', cursive !important;}

  1. Kirjoita kopioidun koodin eteen .post-body {
  2. Tämän jälkeen tulee sivulta kopioimasi CSS koodinpätkä
  3. Kirjoita kopioidun koodin perässä olevan ; merkin eteen !important
  4. Lisää loppuun }

Tahdon fontin päivämäärään, mitä teen?

Esimerkissä käytetty suoraan sivulta kopioitu CSS: font-family: 'Codystar', cursive;
Esimerkissä käytetty, sovellettu CSS: .date-header {font-family: 'Codystar', cursive !important;}

  1. Kirjoita kopioidun koodin eteen .date-header {
  2. Tämän jälkeen tulee sivulta kopioimasi CSS koodinpätkä
  3. Kirjoita kopioidun koodin perässä olevan ; merkin eteen !important
  4. Lisää loppuun }

Tahdon fontin sivupalkkiin, mitä teen?

Esimerkissä käytetty suoraan sivulta kopioitu CSS: font-family: 'Codystar', cursive;
Esimerkissä käytetty, sovellettu CSS: .sidebar {font-family: 'Codystar', cursive !important;}

  1. Kirjoita kopioidun koodin eteen .sidebar {
  2. Tämän jälkeen tulee sivulta kopioimasi CSS koodinpätkä
  3. Kirjoita kopioidun koodin perässä olevan ; merkin eteen !important
  4. Lisää loppuun }

HUOM! Voit laittaa fontille monta käyttötarkoitusta lisäämällä aina pilkun luokan väliin



17. Kun olet saanut CSS koodin valmiiksi, paina "Käytä blogissa"


18. Blogissasi pitäisi olla nyt toimivat custom fontit :)