Miten lisätä Pinterest -nappi Bloggerin kuviin

Riikka / K O T I L A

Huomasitko, että kuviini on tänään ilmestynyt Pinterestin nappi? Kun viet kursorin kuvan päälle, nappi ilmestyy kuvan oikeaan alakulmaan. EDIT: Siirsin sen sittenkin oikeaan yläkulmaan, jotta sen hoksaisi paremmin.

Päätin vihdoinkin aloittaa Pinterestiin tutustumisen, ja olen jo pinnannut huimat yhden kuvan Kotila blogin Pinterest -tiliin ;D EDIT: Nyt niitä kuvia on siellä jo vähän enemmän...

Googlasin ohjeita Pin it! -napin saamiseksi postauksiini ja löysin erittäin yksinkertaisen ohjeen Katrinan blogista täältä. Ohje on englanniksi, mutta erittäin helppotajuinen. 

Tässä vielä muutama lisäohje saatuani itse homman toimimaan, niin onnistut sinäkin varmasti:

1) Lue siis ensin ohjeet täältä. Unohda vielä tässä vaiheessa ohjeet painikkeen ulkoasun muuttamisesta, sillä pääasiahan olisi saada edes perusnappi kuviisi... Eli ensiksi kopioi englanninkielinen pitkä koodinpätkä sanasta script viimeiseen script sanaan asti (ne sanat siis myös mukaan!)

2) Sitten klikkaat blogisi tuttua "Ulkoasu" -painiketta oikeasta yläkulmasta.

3) Paina "Muokkaa HTML -koodia" -painiketta (painike löytyy "Livenä blogissa" -kuvan alta).

4) Eteesi avautuu koodiviidakko, älä hätäänny! Rullaa käsittämättömän näköistä tekstiä alaspäin, silmäile vasemmasta reunasta yksittäistä sanaa < /body > (joka oli noin rivin 1943 kohdilla minun blogissani).

5) Klikkaa kursori body -sanan yläpuolelle, tee siihen vaikka tyhjä rivi enterillä jos siinä ei ole tilaa, ja paste/sijoita 1-kohdassa kopioimasi koodinpätkä siihen.

6) Jos sinulle sopii, että Pinterestin peruskuvake näkyy aina kuviesi keskellä, niin jätä homma tähän ja tallenna muutokset. Hienoa, sinä onnistuit!

7) Jos haluat jatkokurssille, ja muuttaa painikkeen sijaintia tai ulkoasua, niin seuraa englanninkielisiä ohjeita. Voit myös tallentaa muutokset tässä vaiheessa ja lukea lisäohjeita rauhassa. Pääset takaisin muokkaamaan koodia painamalla taas "Muokkaa HTML -koodia". Ohjeet ovat hyvin selkeät englanniksi, joten en lähde niitä suomentamaan, mutta kysy ihmeessä ohjeita, jos jokin asia mietityttää! Ole vain tarkkana, että säilytät kaikki pienet merkit kuten " " ja  ; paikoillaan kun poistat koodauksen keskeltä vanhaa ja lisäät uutta koodia. Minä tein tuon mokan muokatessani painikkeen ulkoasua, joten harjoittelin sitä muutaman kerran. Mutta ei tässä hermot menneet, aika helppoa siis!

I was searching for help to install the Pinterest button to by blog and I found these instructions from Katrina´s blog: How to add the Pin it hover button to your Blogger images. Hope you succeed too!

Click here to find my Pinterest boards!

Toivottavasti linkistä ja tästä tarkentavasta ohjeesta oli apua,
jos haluat napin oman blogisi kuviin!
Nyt mun pitää sitten vielä ottaa se Pinterest haltuun :)

Riikka