torstai 4. syyskuuta 2014

Näin tuunaat oman Seuraa Blogilistalla -napin


Jos Blogilistan omat seuraa-napit eivät miellytä, voit helposti tehdä itse oman näköisesi napin.

HUOM! Tätä samaa ohjetta voi soveltaa muidenkin kuvalinkkien tekemiseen.


Ensin sinun täytyy luoda mieleisesi kuva esim. Wordilla (täällä on ohje tekstikuvan luomiseen). Voit myös vapaasti ottaa jonkin näistä tekemistäni kuvista:












Seuraavaksi kuva siirretään blogiin ja siihen liitetään linkki, joka ohjaa lukijan halutulle sivulle. Tähän on kaksi keinoa.


Vaihtoehto 1: Kuvalinkki tehdään HTML-koodilla.


1. Ensin kuva pitää siirtää nettiin, jotta sille saadaan luotua oma URL-osoite. Tämä onnistuu ihan vaikka Facebookissa, mutta muita kuvien lataussivustoja löytää googlettamalla sanat "image hosting". Itse käytän tässä esimerkissä postimage.org-sivustoa.




2. Kuvan lataamisen jälkeen aukeaa sivu, jossa on linkkejä. Kopioi kohdassa "Suora linkki" oleva osoite.




3. Mene Blogilistalla kohtaan "Omat tiedot", jossa näkyy lista omista blogeista. Klikkaa kohtaa "Lisätietoa" ja valitse sen jälkeen alhaalta oikealta "Seuraa-napit". Vaihda keskimmäisen tekstirivin linkkikohtaan kuvan osoite.




4. Kun olet liittänyt kuvan osoitteen, kopioi koko teksti.





5. Mene Bloggerin vasemmassa sivupalkissa kohtaan "Ulkoasu" ja "Lisää gadget". Valitse listasta kohta "HTML/JavaScript". Liitä koodi sisältökenttään.




6. Käy tsekkaamassa blogista, onnistuiko kuvalinkin tekeminen.


Vaihtoehto 2: Kuva ja linkki laitetaan blogiin ilman koodia.



1. Mene Blogilistalla kohtaan "Omat tiedot", jossa näkyy lista omista blogeista. Klikkaa kohtaa "Lisätietoa" ja sen jälkeen alhaalta oikealta "Seuraa-napit". Kopioi tekstikentästä linkki, joka on muotoa http://www.blogilista.fi/blogi/tilaa/123456.





2. Mene Bloggerin vasemmassa sivupalkissa kohtaan "Ulkoasu" ja "Lisää gadget". Valitse listasta kohta "Kuva".




3. Liitä Blogilistalta hankkimasi osoite "Linkki"-kenttään ja valitse oikea kuvatiedosto. Tallenna muutokset.




4. Mene katsomaan, miltä blogi näyttää. Nyt tuunatun seurantanapin pitäisi näkyä blogissa.

1 kommentti: