Virhe kenties?

Luen aina Helsingin Sanomat hiukan myöhässä. Se harvoin haittaa minua, sillä luen niistä yleensä vain artikkelit enkä lainkaan ajankohtaisia uutisia. Lauantaina 21. heinäkuuta kyseisessä lehdessä oli juttu nimeltä "Blogikirjoittelu ei elätä Suomessa". Artikkelissa ei oikeastaan lukenut mitään mielenkiintoista, mutta sen ala reunassa oli pieni tietokulma. Yhdessä sen kohdassa luki "Blogin voi luoda omalle verkkosivulle. Ilmaisia blogialustoja ovat muun muassa www.vuodatus.net ja www.blogspot.com". Pientä tarkkuutta HS: Blogspot ei ole ilmainen blogialusta, vaan se hostaa blogeja Bloggerille. Ja kun tuon www.blogspot.com kirjoittaa osoiteriville, se ohjautuu edelleen Blogger.comiin, joka taas on ilmainen blogialusta. Hmm... Virhe vai ei?

Lue Helsingin Sanomien artikkeli tästä.

Read More... Collapse...

Project Template - Design by ja templaten tietojen kirjaaminen

Project Templaten alussa on tällainen taulukko:

/*
-----------------------------------------------
Blogger Template Style
Name:
Designer:
URL:
Date:
----------------------------------------------- */

Voit täyttää siihen oman templatesi tiedot. Mikäli teet tulevaisuudessa enemmän erilaisia ulkoasuja ja esimerkiksi eri blogeille, tuo kertoo sinulle nopeasti mistä ulkoasusta on kyse. Voit lisätä taulukkoon myös omia kohtiasi. Mikäli pidät tuota osiota aivan turhana, voit poistaa sen.

Sen lisäksi sivupalkin Credit-osiossa on tällainen rivi:

Designed by: <a href="url">Me</a><br>

Me:n paikalle voit laittaa oman nimesi ja urlin paikalle oman blogisi osoitteen. Voit myös muokata "Designed by" tekstistä sellaisen kuin haluat. Mikäli et halua nimesi toimivan linkkinä, voit laittaa tuon rivin paikelle yksinkertaisesti näin:

Designed by Me

Mikäli teksti on sinusta liian ylhäällä tai liikaa kiinni seuraavassa tekstissä tai kuvassa (mikäli sellainen on), voit lisätä "tyhjiä rivejä" sen eteen tai perään alla olevien esimerkkien mukaan:

<br>Designed by Me (yksi tyhjä rivi ennen tekstiä)
Designed by Me<br> (yksi tyhjä rivi tekstin jälkeen)
Designed by: <a href="url">Me</a><br> (yksi tyhjä rivi tekstin jälkeen)

Voit lisätä niin monta <br>:tä peräkkäin kuin haluat.

Read More... Collapse...

Project Template - Sivupalkin tuunaamista

A.P. on viime aikoina kysellyt minulta sähköpostitse neuvoja Project Templateen liittyen. Olen vastannut hänelle henkilökohtaisesti, mutta ajattelin, että joku muukin voisi kaivata samoja ohjeita. Joten tässä tulee hiukan Project Template - extraa.

Sivupalkin fontin muuttaminen

1. kopioi tämä rivi:
font-family: 'Geneva', Verdana, Times, sans-serif;
(voit kopioida sen myös templaten body-osiosta)
2. Liitä se #left osioon esimerkiksi näin:

#left {
float: left;
width: 250px;
line-height: 150%;
background-color: #FFFFFF;
margin: 280px 10px 0px 10px;
font-size: x-small;
font-family: 'Geneva', Verdana, Times, sans-serif;
padding-left: 0px;
overflow: hidden;
padding-bottom: 0px;
}

3. Muokkaa riviin haluamasi fontti/fonttiryhmä, mutta huomioi, että vain yleisimmät fontit toimivat kaikilla.

Sivupalkin otsikkojen fontin muuttaminen:

Sama juttu kuin ylempänä, mutta lisää rivi tähän:

.sideheader
{ padding: 3px;
margin-top: 4px;
margin-bottom: 4px;
font-weight: bold;
font-size: medium;
font-family: 'Geneva', Verdana, Times, sans-serif;
color: #000000;
text-align: center; line-height: 140%; }

Erikoisempi fontti sivupalkin otsikoihin

Olet ehkä käyttänyt bannerissasi jotakin erikoista fonttia ja haluat luultavasti käyttää samaa fonttia myös sivupalkissa. Se onnistuu kyllä.

1. Tee otsikot pieniksi kuviksi kuvankäsittelyohjelmallasi ja tallenna ne esimerkiksi Photobucketiin. Jätä mahdollisimman vähän tyhjää tilaa tekstisi ala- ja yläpuolelle. (Kokeilin että ainakin noin 46 pikselin korkuinen kuva mahtuu hyvin sivupalkkiin ilman, että sivupalkkia pitää muuten säätää.)

Seuraavat muutokset tapahtuvat koodin loppupäässä <!-- Begin #left (sidebar information) --> merkinnän alapuolella.

Käytän esimerkiksi Archiven. Oletuksena se on tällainen:

<!-- Begin Monthly Archives Section -->
<div class="sidebox">
<div class="sideheader">
Archive
</div>
<div class="side">
<MainOrArchivePage>
<ul>
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
</ul>
</MainOrArchivePage>
</div>

</div> <!-- End Monthly Archives Section -->

Tee nämä muutokset:

<div class="sideheader"/>
Archive
</div>

Poista tuosta välistä Archive-otsikko.

Ja sitten lisää tähän väliin:

<div class="sidebox">

<div class="sideheader">

Tämä rivi:

<img src="otsikkokuvanurl"/>

Eli siis näin:

<div class="sidebox">
<img src="otsikkokuvanurl"/>
<div class="sideheader">

Käsittele kaikki sivupalkin osiot samalla tavalla.

Esikatsele ja tallenna jos tulos on OK.

Mikäli otsikkosi on liikaa kiinni vasemmassa reunassa: muokkaa kuvaa niin, että vasemmalle jää tyhjää tilaa.

Read More... Collapse...

Project Template - Sivupalkin sisältö

Tämä jäänee viimeiseksi Project Template jaksoksi, ellei joku henkilökohtaisesti toivo minulta jotain tiettyä ohjetta. Myöhemmin saatan kuitenkin vielä postailla pohjan keskitetylle ulkoasulle.

Pohjana käytetyssä templatessa on sivupalkissa oletuksena seuraavat osiot: "About Me", "Recent Entries", "Archive" ja otsikoimatta jätetty "Credits". Tässä oppaassa kerrotaan, kuinka sivupalkin sisältöä voi muokata ja lisätä.

Otsikoiden muuttaminen

1. Ensimmäiseksi etsi koodista alla oleva ilmoitus sivupalkin määrittelyn alkamisesta:
<!-- Begin #left (sidebar information) -->
2. Jokainen sivupalkin osio on merkitty esimerkiksi näin:
<!-- Begin About Me Section -->
Otsikko löytyy aina jostakin sen alapuolelta:

<div class="sideheader">
About Me
</div>

Vaihda tuohon haluamasi otsikko, esimerkiksi näin:

<div class="sideheader">
Tietoa minusta!
</div>

3. Esikatsele ja tallenna.

Kategoriat ja linkkilistat

Kategoriat eivät perinteisessä templatessa ilmesty sivupalkkiin itsestään, joten ne täytyy lisätä sinne itse käsin koodaamalla. Kategoriat sivupalkissa ovat tavallinen linkkilista, joten samalla mallilla voit tehdä sivupalkkiin esimerkiksi osion, jossa on linkkejä suosikkiblogeihisi.

Kategorian osoitteen saat näin:

Avaa blogisi ja paina postauksen alta haluamaasi kategorian nimeä.
Kategoria avautuu omalle sivulleen.
Osoitteen pitäisi olla tämänsuuntainen:
http://blogiterapiaa.blogspot.com/search/label/Vastaus

Kategoriaosion luominen:

Kopioi alla oleva koodi haluamaasi kohtaan sivupalkkia. Liitä se jonkin "End...Section" ilmoituksen alapuolelle, niin et voi mennä vikaan.

<!-- Begin Labels Section -->
<div class="sidebox">

<div class="sideheader">
Kategoriat
</div>

<div class="side">
<ul>

<li><a href='linkin osoite'>linkin nimi</a></li>

</ul>

</div>

</div>
<!-- End Labels Section -->

Täytä paksunnettuun koodinpätkään haluamasi linkin tiedot, eli osoite, jonka haluat linkittää, sekä sana tai lause joka toimii linkkinä sivupalkissa. Alla esimerkki:

<li><a href='http://tinyurl.com/2fblkl'>terapiaa</a></li>

Lisää uusi linkki tai kategoria näin:

1. Kopioi jokin rivi linkkilistasta ja liitä se haluamaasi kohtaan.
2. Täytä tähän uuteen riviin uuden kategorian tiedot, eli sen osoite ja nimi.
3. Esikatsele ja tallenna.

Muuta

Mikäli haluat sivupalkkiisi jotain muutakin, kopioi vain jokin osio haluamaasi kohtaan ja muokkaa se haluamasi laiseksi. Voit lisätä sivupalkkiin videoita, musiikkia tai mitä tahansa ikinä haluatkin.

Read More... Collapse...

Sunnuntailiite: Google Reader

Todellisuudessa nyt ollaan jo maanantain puolella, mutta kyllähän se sunnuntailiite pitää olla.

Olen yrittänyt etsiä itselleni toista RSS-lukijaa, koska muotiblogit ovat valloittaneet Bloglinesin kokonaan itselleen. Ja googlettamalla törmäsin, kuinkas ollakaan, Google Readeriin. Kaikilla Bloggerin käyttäjillä taitaa jo olla käytössään Google-tili, jonka kanssa tuo Google Reader on mukava kaikkien muiden Googlen palveluiden rinnalla. Alla oleva kuva on omasta Google-tilistäni. Aktiivisesti noista palveluista käytän kuitenkin vain Analyticsia, Bloggeria ja hakuhistoriaa.



Google Reader on yhtä yksinkertainen käyttää kuin mikä tahansa muukin RSS-lukija. Syötteet lisätään klikkaamalla "Add subscription" ja lisäämällä aukeavaan ikkunaan haluamansa syötteen osoitteen. Sen jälkeen blogi (tai mitä tahansa ikinä liittääkin) ilmestyy alapuolella olevaan listaan. Mikäli blogissa on uusia päivityksiä, blogin nimi on lihavoitu ja sen perässä lukee suluissa uusien päivitysten lukumäärä. Klikkaamalla blogin nimeä uudet päivitykset ilmestyvät oikealle, jossa niitä pystyy helposti selaamaan.



Mikäli haluat muuttaa syötteen nimeä, klikkaa oikealta yläreunasta "Feed settings" ja "rename subscription...".



Google Readerin pariksi sopii mainiosti Firefoxin Google Reader Notifier-laajennus.

Read More... Collapse...

Suomenkielisiä muotiblogeja

HUOM: En enää päivitä tätä listaa aktiivisesti! Mikäli kuitenkin haluat muotiblogisi listalle (tänne tulee edelleen paljon porukkaa Googlen kautta), ilmoita sen osoite minulle joko kommentilla tai sähköpostilla pikkukettumur at jippii piste fi, niin lisäilen sen tänne pikimmiten.

Ja jos muotiblogit tulevat korvista ulos, voit vilkaista myös minun henkilökohtaista blogiani It's About Me, Amoena.

Read More... Collapse...

Blogikäsikirjan ruodintaa

Päivityksien viime aikainen vähyys on suoraan verrannollinen avomieheni lomaan. Ei loma päivittämistä estä, mutta keskittyminen on koetuksella ja pääsy paremmalle koneelle mahdotonta. Jätän syvällisemmät postaukset suosiolla siis ensi viikolle.

Rebecca Bloodin The Weblog Handbook on tullut luetuksi. Jouduin omaksi ikäväkseni toteamaan, että englanninkielisen tietokirjallisuuden lukeminen ei ole ollenkaan yhtä helppoa kuin kaunikirjallisuuden. Oleellisimman uskon kuitenkin ymmärtäneeni.

Kirjan kappaleessa ”Who Should Weblog” Rebecca Blood kertoo, miksi niin monet blogit kuolevat ennen ensimmäistä kuukautta. Blogin ylläpitäminen on vie aikaa, mikä ei liene yllätys kenellekään, joka on kokeillut bloggaamista tosissaan. Hänen mukaansa hyvä bloggaajakandidaatti onkin sellainen, joka muutenkin viettää tuntikausia internetissä surffaillen. Täten bloggaaminen on vain luonnollinen lisä normaaliin päiväjärjestykseen. Itse olen samaa mieltä. Olen Bloodin kanssa täysin samaa mieltä. Bloggaaminen ei mitenkään voi onnistua jos koneen äärellä oleskeleminen on tuntuu vieraalta.

Blood kertoo myös, että harrasteblogi on hyvä jatke jo olemassa olevalle harrastukselle, kunhan muistaa napata bloggaamiseen aikaa sen harrastamiselta: silloin päiväjärjestys muuttuu vain hiukan eikä tarvitse valita kahden harrastuksen välillä. Bloodin mukaan ylimääräisten tuntien lisääminen normaaliin päiväjärjestykseen johtaa siihen, että blogi kuolee alle kuukaudessa. Mietin tätä itseni kohdalta. Jos nykyinen 24/7 datailuni ja elokuvien katsominen olivat minulle elintärkeitä harrastuksia, joiden ohella bloggaaminen ei onnistuisi, minulla ei olisi ollenkaan aikaa blogata. Ellen sitten jättäisi muutamaa tuntia pois yöunistani.

Bloodin mielestä bloggaaminen saattaa kuitenkin onnistua ilman nörttipiirteitä silloin jos sitä tekee silkasta kirjoittamisen ilosta. Silloin bloggaaminen saattaa kuitenkin varkain korvata jonkun toisen harrastuksen.

Lisää mietteitä kirjasta myöhemmissä postauksissa.

Read More... Collapse...

Sunnuntailiite: CSS Tab Designer

Tämä sunnuntai on onnistunut hiipimään luokseni huomaamattomasti. Yhtäkkiä muistin että on sunnuntai ja siten siis uuden sunnuntailiitteen aika. En ole kuitenkaan ehtinyt surffailemaan mitään mielenkiintoista matkustamisesta johtuen, mutta päätin käyttää tähän tarkoitukseen jo viime viikolla löytämääni ilmaisohjelmaa:

CSS Tab Designer (Windows 98 / ME / 2000 / XP / 2003)

CSS Tab Designer on nimensä mukaan kätevähkö ohjelma, jolla voi helposti suunnitella näyttäviä menuja esimerkiksi blogiinsa. Vaikka ohjelma lupaakin ettei erityisiä ohjelmointitaitoja tarvita, en suosittele tätä niille, joille CSS ja HTML eivät ole entuudestaan tuttuja.


Ylläolevassa kuvassa esimerkkejä siitä, mitä Tab Designerilla voi tehdä.
Kuva pöllitty: highdots.com.

Kokeilin ohjelmalla luomaani menua Bloggerilla, ja sain sen toimimaan moitteettomasti classic templatella. Tuttuun tapaan widget templatelle en anna mitään takuuta.

Mikäli haluat käyttää enemmän omia käsiäsi, alla olevasta linkistä löydät ohjeita ja vinkkejä monenlaisiin menuihin:

CSS Navigation Techniques

Read More... Collapse...

Päivitysinfoa

Huomenna lähden taas aikaisin aamusta vanhempieni luokse. Olen siellä ainakin perjantaihin asti. Se tarkoittaa sitä, että uusia päivityksiä ei ole tulossa ennen kuin olen palannut takaisin kotiin oman tutun tietokoneen ääreen. Vanhempani kun eivät ole vielä siirtyneet 2000-luvulle: tietokone on veistetty puusta ja nettikin toimii veivaamalla. Blogin päivittäminen niissä olosuihteissa olisi sietämätöntä. En edes uskalla ajatella kuinka kauan Bloggerin latautuminen näytölle kestäisi.

Mutta oli minulla muutakin. Löysin kirjastosta vielä yhden bloggaamiseen liittyvän kirjan lisää. En ymmärrä mikseivät ne siellä kirjastossa viitsi päivittää näitä kirjoja oikeiden nimikkeiden alle. Nykyään kun siellä sattuu olemaan sellainenkin nimike kuin "blogit". Edes Bloggerista kertova kirja ei ole osunut tuohon lokeroon.

Tämän uuden kirjan nimi on "The Weblog Handbook - Practical Advice on Creating and Maintaining Your Blog" ja sen on kirjoittanut Rebecca Blood. Aion lukea sen vanhempieni luona ja kertoa siitä sitten enemmän kun palaan.

Read More... Collapse...

Sunnuntailiite - Ikonit

Sanomalehdissä on yleensä jotakin erikoista sunnuntaisin. Helsingin Sanomissa on esimerkiksi eri sarjakuvat sunnuntaisin, puhumattakaan kokonaisesta Sunnuntai-liitteestä. Aloin miettimään, mitä mielenkiintoista minun blogissani voisi viikon viimeisenä päivänä olla. Surffailen paljon netissä, joten luonnollisesti törmään viikon aikana moniin mielenkiintoisiin sivuihin ja aiheisiin. Miksipä en siis postaisi sunnuntaisin parhaita paloja löydöistäni.

Tämä on ensimmäinen blogini sunnuntailiite, ja sen aiheena ovat ikonit. Itse en varsinaisesti tee niillä mitään, mutta jostakin syystä kerään aina kaikki mielenkiintoiset ilmaiset ja vapaasti käytössä olevat ikonit talteen. Joku päivä niitä ehkä tarvitseekin.

IconBuffet
IconKits

Nämä kaksi sivustoa ovat suosikeitani, sillä ne pitävät huolen siitä että saan kerran kuussa annoksen laadukkaita ikoneita. Se tietenkin vaatii rekisteröitymisen, mutta ainakin omasta mielestäni se on sen arvoista.

Free Icons Web
VistaIcons
DeviantArt - Dock Icons
Crystal Clear
Website Icons
Fast Icon
The Icon Factory

Ennen ikoneiden käyttöä kannattaa tarkistaa, millaiseen käyttöön ne ovat sallittu.

EDIT: Anonyymi kysyi mitä ikonit ovat. Ne ovat esimerkiksi niitä pieniä kuvia, joita näet tietokoneesi työpöydällä. Ne eivät ole pelkästään siis kuvia, vaan niistä klikatessa tapahtuu jotain.

Read More... Collapse...

Testaa oma addiktiosi!

Ulkomaalaisessa blogosfäärissä samoillessani törmäsin Mingle2.comin "How Addicted to Blogging are you" nimiseen leikkimieliseen testiin. Joten tuumasta toimeen ja naputtelemaan omia vastauksia.

(V=vastaus, K=kommentti)

1. Where is your blog located?
V: Blogspot, Blogger, or other hosted blog service.
K: Mielenkiintoinen vastausvaihtoehto. Mielestäni pelkkä Blogger olisi riittänyt, sillä BlogSpot vain hostaa. Minulla on myös Livejournal, mutta enemmistö voittaa 3-1.

2. How often do you update your blog?
V: Several times a week
K: No nyt ainakin muutaman kerran viikossa! Riippuu kyllä blogistakin. Livejournalia päivitän vain pari kertaa kuussa, mutta en pidäkään sitä blogina vaan päiväkirjanani.

3. How many blogs (actual blogs, not individual blog entries) do you read a day?
V: More than 20
K: Enemmän kuin kaksikymmentä? Hetkinen, minä tarvitsisin vastauksen jossa lukisi "more than 100". Eihän kaksikymmentä blogia ole vielä mitään?

4. How much time do you spend reading blogs?
V: 1-2 hours a day
K: Tätä oli vaikea arvioida, koska minulla ei todellakaan ole tapana istua lukemassa pelkkää blogia blogin perään. Aina silloin tällöin vilkaisen Blogilistasta ja Bloglinesista olisiko uusia päivityksiä ja sitten luen ne. Mutta luulen, että aikaa menee normaalisti vähemmän kuin kaksi tuntia, siitä syystä, että kommentoin harvoin (silloin luen tarkemmin) ja normaalisti luen todella nopeasti.

5. How many different blogs do you post entries on?
V: 3
K: Kolme blogia ja yksi päiväkirja.

6. Have you ever 'live blogged?' (where you blog about an event as it's happening)
V: No
K: Bloggaaminen vaatii keskittymistä, enkä voisi blogata jos minun pitäisi bloggaamisen lisäksi keskittyä vielä johonkin muuhunkin.

7. How do you stay up to date with all your favorite blogs?
V: I use a blog aggregation service, such as technorati or bloglines
K: Vaikea valita kahden viimeisen väliltä. Päädyin kuitenkin tähän vastaukseen, sillä Bloglinesiahan minä käytän eniten. Sen lisäksi vielä Blogilista ja muutama kymmenen live-kirjanmerkkiä. Mutta RSS on paras kaveri!

8. Have you ever blown off an important task, such as studying for an exam or making a deadline, because you were blogging?
V: Yes
K: Bloggaaminen on kivempaa.

9. If something interesting happens to you, do you immediately think about how you're going to write about it on your blog?
V: Yes
K: Ja öisin kun en saa unta (tapahtuu joka yö, sillä aivoni alkavat käydä ylikierroksilla kun pitäisi nukkua) mietin mitä voisin kirjoittaa seuravana päivänä. Yleensä myös kun teen jotain (esimerkiksi katson elokuvaa, luen kirjaa) tiedän heti bloggaanko aiheesta myöhemmin vai en.

10. What do you usually blog about?
V: A variety of topics, but it's still somewhat focused
K: Vaikea vastata, koska kaikki blogini ovat eriaiheisia. Olisiko pitänyt valita yksi?

11. What kind of blogging do you do?
V: Both (professional + personal)

12. Have you ever tried to convince a friend or family member they should start a blog?
V: No
K: Minusta olisi erittäin mukavaa, jos joku perheestäni tai ystäväpiiristäni bloggaisi, mutta en oikein osaa pitää ketään heistä bloggaajatyyppeinä. Ja kauniisti sanottuna olen ainoa perheestäni joka tajuaa tietokoneista.

13. Have you ever come up with a great blog idea while doing something completely random, such as taking a shower or watching a movie?
V: Yes
K: Parhaat ideat syntyvät tällä tavalla. Varsinkin tiskatessa ja suihkussa inspiroidun kummasti.

14. When this quiz is over, do you plan on blogging about your blogging addiction?
V: Yes
K: As you can see.

Ja tässä on minun tulokseni:

80%How Addicted to Blogging Are You?

Kuinka addiktoitunut sinä olet?

Read More... Collapse...

Lentoonlähtö

Yksi Amoenan lapsukaisista on taas lentänyt pesästään. Tällä kertaa uuden ulkoasun omistaa La Primavera. Hyvät ideat ovat helppo toteuttaa: La Primavera (vaikeaa, kun blogilla ja sen käyttäjällä on sama nimi) sähköpostitti minulle linkin The New York Timesin muotiosioon ja sanoi pitävänsä lehden otsikosta. Minusta tuo sivusto oli muutenkin miellyttävän näköinen, joten pelkän otsikon lisäksi adoptoin hiukan yleisilmettäkin. Olen tyytyväinen lopputulokseen, ja melkein toivon, että olisin keksinyt itse tuon ilmeen jollekin omalle blogilleni.

Olen aina Fashion-blogin Sallan "mun puolesta saat hienosäätää vielä babyäs jos haluat" sähköpostikommentin (halusin vielä jälkeenpäin muuttaa jotain minimaalisesti) jälkeen ajatellut tekemiäni ulkoasuja "lapsosina". Niiden syntyminen on ehkä jännittävintä mitä tiedän, käytän niihin tuntikausia aikaa, enkä ikinä haluaisi luopua niistä. Varsinkaan sen vuoksi, että joku saattaa vilaista niiden lähdekoodia ja nähdä amatööriyteni. Mutta harjoituksen vuoksi pelkästään ulkoasuja teenkin. Ilman kaikkia ihania ulkoasuja minulta pyytäneitä ihmisiä en osaisi yhtään mitään. Joten suuri kiitos kaikille!

Mikäli haluat minun tekevän sinulle ilmaisen ulkoasun ja sitä kautta auttaa minua oppimaan enemmän, kehittele idea ja lähetä se minulle sähköpostina pikkukettumur@jippii.fi. Ja muistutukseksi: teen ainoastaan classic templateja ja ainoastaan Bloggerille.

Read More... Collapse...

Vastaus Mintulle: Rakeiset kuvat

Minttu kysyi:

Toinen kysymykseni liittyy myös kuviin. Lataan yleensä ihan suht hyvätasoisia kuvia blogiini, mutta siitä huolimatta erityisesti "omat asut" -kuvat tulevat tosi rakeisiksi. Käytän jpeg-muotoa, mutta olisiko parempi käyttää giffiä?

Vaikka tässä ei selvästi ole kyse siitä, että kuvissa olisi jotain vikaa ennen postaamissa, annan myös tähän muutaman käytännöllisen vinkin: JPEG on häviöllinen pakkausformaatti, ja mikäli pakkaus on asetettu suureksi, kuva todellakin muuttuu rakeiseksi. Kannattaa tarkastaa tallennusasetukset omasta kuvankäsittelyohjelmastaan mikäli kuvan laatu ei näytä hyvältä. JPEG toimii parhaiten tavallisissa valokuvissa ja muihin kuviin (mukaan lukien valokuvat joihin on lisätty esimerkiksi tekstiä) taas soveltuu hyvin häviättömät GIF- ja PNG-kuvaformaatit.

Kuvien rakeisuus postaamisen jälkeen johtuu luultavasti siitä, että niiden koko on muuttunut. Yksi vaihtoehto on tehdä kuvista alunperinkin oikean kokoisia, jotta niitä ei tarvitse jälkeenpäin pienentää. Kun Blogger lataa kuvan koneelta, se ei anna koodia, josta voisi kätevästi muuttaa oikean koon. Tietenkin kuvan kokoa voi muottaa reunasta vetämällä, mutta itse en ainakaan ole saanut sillä tavalla siistiä lopputulosta.

Joten tässäkin kannattaa suosia esimerkiksi Photobucketia (voisi luulla että sponsoroin tuota). Kun kuvan lataa urlin avulla, se antaa tämännäköisen koodin:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="kuvan url"><img style="cursor: pointer; width: 143px;"
src="kuvan url" alt="" border="0" /></a>

Vaihda "Width" kohtaan kuvan tarkka leveys, niin kuva näyttää juuri sellaiselta kuin pitkääkin. Voit myös koodata kuvan käsin ilman kuvanlisäystyökalua tällä tavalla:

<IMG SRC="kuvan url"; width=143 height=146>

Read More... Collapse...

Vastaus Yllätystytölle: Banneri linkkinä

Yllätystyttö kysyi:

Osaisitko sanoa, kuinka saisin oman bannerini toimiimaan vuodatuksessa linkkinä?
Tällä hetkellä minulla on siinä bannerin päällä typerä teksti-linkki, jolla kommenteista ja arkistoista pääsee palaamaan viimeisimpään kirjoitukseen, mutta haluaisin, että itse banneri toimisi vastaavana linkkinä.

En osannut vastata tähän suoraan, mutta otin selvää. Sinnikkäästä googletuksesta ei ollut mitään apua, mutta keksin sitten etsiä blogia, jossa banneri toimisi tällä tavalla. Ja sen jälkeen ei tarvinnut muuta kuin poimia vastaus lähdekoodista. Ja vastaus on jopa hyvin yksinkertainen.

Bloggerissa näin:

<div class="banner" onclick="location.href='url';">
(class voi olla myös esimerkiksi id tai banner header)

Ja mieluusti kääntäisin tämän myös Vuodatuskielelle, mutta kun se sattuu olemaan juuri se blogialusta johon en halua koskea pitkällä tikullakaan. Vuodatuksen laatikot aiheuttavat minulle suorastaan päänsärkyä, joten kiitos newsreadereille ettei minun tarvitse niitä katsella. Ja miksi Vuodatuksen pitää olla niin harmaa? Valkoinenkin olisi parempi. Ja jotta minun ei tarvitsisi tehdä tästä pitkää virttä: en vielä tähän päivään mennessä ole löytänyt Vuodatuksesta mitään positiivista. Edes suomalaisuus ei sitä pelasta.

Joten, Yllätystyttö, lopun saat selvittää itse. Etsintä kannattaa aloittaa </style> -tagin alapuolelta.

Read More... Collapse...

Uusi ulkoasu!

Tein blogilleni tänään uuden ulkoasun. Alunperin minun piti vain hiukan parannella vanhaa, mutta lopulta innostuinkin tekemään kokonaan uuden. Tämä tuntuu hiukan synkältä edellisen valkoisen jälkeen, mutta ainakin itse luulen tottuvani hyvinkin pian uusiin väreihin. Myöhemmin tällä viikolla aion myös siivota ja parannella kategorioitani. Nyt ne ovat hiukan liian ympäripyöreitä ollakseen millään tavalla hyödyksi. Jonkinnäköistä linkkilistaa olen myös kaavaillut.

Pelkän uuden ilmeen lisäksi olen myös tehnyt blogiani toimivammaksi. Headerin alta löytyy nyt kaikki olennaisimmat linkit: "Home" johdattaa takaisin etusivulle, jos on vaikka sattunut eksymään arkistojen syöveriin. "About Me" toivottavasti tulevaisuudessa kertoo enemmän minusta. "Atom", "Syöte" ja "Blogilista" helpottavat blogini seuraamista ja "Emailista" pääset lähettämään sähköpostia. Tai mikäli sinulla ei ole Outlookia, voit ainakin kopioida aukeavasta ikkunasta sähköpostiosoitteeni. Sivupalkissa olevaa hakua suosittelen lämpimästi kokeilemaan.

Mitä mieltä? Toimiiko uusi ulkoasu? Kaikenlaiset kommentit ovat erittäin tervetulleita, varsinkin parannusehdotukset!

Read More... Collapse...

Vastaus Mintulle: Thumbnails

Minttu kysyi:

Onko sulla jotain vinkkejä siihen, miten bloggeriin saisi tehtyä thumbnails -kuvia? (eli joita vois klikata suuremmaksi..) Omilla taidoillani kuvat ovat joskus sellaisia, että niitä voi klikata suuremmaksi, mutta yleensä ei. Lataan silti kuvat aina samalla tavalla blogiin...

Oletan että tuolla kuvien lataamistavalla tarkoitat, että käytät Bloggerin tekstieditorin "Lisää kuva" -toimintoa. Ja siitä taas voisin päätellä, että tuo kuvien suuremmaksi klikkaamisen mahdottomuus johtuu jollakin tavalla Picasasta. Sitä en kuitenkaan millään keksi, että millä logiikalla se pihtaa noita tiettyjä kuvia. Edes asetuksista en löytänyt mitään hämärää. Onneksi Blogger ei ole koskaan kenkkuillut minun kanssani tällä tavalla.

Minun ratkaisuni on, että kun Blogger kenkkuilee jonkun kuvan kanssa, lataa se muualle kuin Picasaan (jonne Blogger siis lataa omalta koneelta otetut kuvat automaattisesti). Esimerkiksi Photobucket on aivan mainio tähän helppokäyttöisyytensä vuoksi. Ja sieltä sitten urlin avulla blogiin.

Tietääkö joku paremman ratkaisun?

Read More... Collapse...

Kesäkuu 07

Project Template: Alku
Project Template: Banneri
Project Template: Taustaväri + taustakuvat
Project Template: Vastauksia
Project Template: Vastauksia 2
Project Template: Margins + Borders + Padding
Pick the Brain
Project Template: Linkit
Blogipohdintoja

Read More... Collapse...