Terapiaa Blogillesi: helmikuuta 2007

Google Blog Search

Olisiko mukava tietää mitä blogeissa on kirjoitettu esimerkiksi Britney Spearsin viimeisimmistä tempauksista? Googleen voi aina kirjoittaa hakusanoiksi "Britney Spears blog", mutta hakutulos luultavasti ei ole aivan toivotunlainen. Sen vuoksi on loistavaa, että Googlella on oma hakukone blogeja varten. Kun Googlen blogihakuun kirjoittaa "Britney Spears", niin tulos on varmasti juuri sitä toivoikin. Kokeile vaikka.

Sen lisäksi, että Google Blog Search hakee älykkäästi tietoa suoraan blogeista, voit myös itse määritellä kuinka tuoreita blogiposteja haluat hakea. Voit lajitella hakutuloksen esimerkiksi tarkkuuden mukaan (sort by relevance) tai päivämäärän (sort by Date). Tämän lisäksi voit myös määritellä aikavälin jolta haluat blogiposteja hakea:

Eikä tässäkään vielä kaikki: Voit tilata alati muuttuvan hakutuloksen syötteen esimerkiksi Bloglinesiin. Toisin sanoen voit koko ajan pysyä ajantasalla siitä, mitä Britney Spearsista on kirjoitettu blogosfäärissä.

PS: Google Blog Search ei ole ainoa laatuaan, sillä hyvin samantapaisen haun tarjoaa myös Ask.com. Bloggerillakin on oma haku. Blogihakukoneita on olemassa paljon lisää, mutta nämä olen itse todennut hyviksi.

Tunnisteet: Internet, RSS

Vastaus Anonyymille: Oman IP:n bannaaminen

Seniori täällä kiittää! Voi miten ystävällistä ja nyt laskuri toimii! Vielä yksi kysymys: voiko omat piipahdukset eliminoida laskennasta pois. (Anteeksi jos kysyn jo kysyttyä.)

Tähän on itse asiassa tullut vastaus aikaisemmassa postissani, joka koski Google Analyticsiä. Kopioin tähän oman IP:n bannaamista koskevan kohdan:

HUOM: Muista blokata laskuri laskemasta omia käyntejäsi. "Analytics Settings" sivun alareunasta löydät "Filter Managerin". Lisää uusi filtteri ja valitse sen toiminnoksi: "Exclude all traffic from an IP address". Nimeä filtteri ja lisää tyhjään kohtaan oma IP-osoitteesi (sarja numeroita). Jos et tiedä omaa IP-osoitettasi, saat sen selville esimerkiksi täältä. Sen jälkeen valitse mille blogille (tai useammalle) filtteri on tarkoitettu ja tallenna. Filtteri on valmis.

Tunnisteet: Vastaus

Vastaus Anonyymille: Google Analytics

Minun piti vastata tähän heti koulun jälkeen, mutta kotona ei sitten toiminutkaan netti. No, parempi vähän myöhään kuin ei milloinkaan. Eli anonyymi tiedusteli seuraavaa:

Hei, olen seniori (ja vanha-avuton). Yritin laittaa Google Analyticsin sivuilleni. Pääsin koodiin asti. Mutta sitten tuli tenkkapåå. Siis minne sen koodin sujautan? Omalle sivulle? Mihin siellä? Missä body-koodi?"Kopioi seuraava koodi jokaiselle Web-sivulle, jota haluat seurata. Valitse koko koodi napsauttamalla oheista kenttää. Kopioi ja liitä koodisegmentti tämän jälkeen sivun sisältöosan jälkeen välittömästi ennen kunkin seurattavan sivun body-koodia. Jos sivusi perustuvat yhteiseen malliin tai ne sisältävät saman vakio-osan, voit sijoittaa sen tähän."Kiitos neuvosta etukäteen.

Ensimmäiseksi sinun pitää päästä käsittelemään blogisi ulkoasun HTML-koodia. Bloggerissa tämä on siis Template-välilehti, mutta en tiedä mitä blogialustaa sinä käytät. En edes tiedä pääsetkö itse muokkaamaan html-koodia. Tästä syystä joudun hyppäämään ohjeissani suoraan siihen kohtaan kun HTML-koodi on jo löytynyt.

Selaa HTML-koodi aivan sen loppuun asti. Viimeisenä koodissa pitäisi olla html-tagi ja sitä ennen body-tagi. Analyticsin seurantakoodi tulee pistää siis tämän lopusta löytyvän body-tagin yläpuolelle. Postaisin mielelläni esimerkin, mutta en ole vielä keksinyt sellaista koodia joka antaisi minun postata kokonaista html-koodia blogissani. Annan kuitenkin karkean esimerkin:

Google Analyticsin seurantakoodi

< / body >
< / html >

Muuta ei tarvitse tehdä.

Tunnisteet: Vastaus

Vastaus Anonyymille: Hakusanat

Idea ja pyyntö aiheesta: Voisitko jossain blogimerkinnässäsi neuvoa, miten saa selville, millä hakukoneen hakusanoilla lukijat ovat saapuneet blogiin? Aika moni tulee lukemaan blogia Googlen kautta. Mikähän on ollut ratkaiseva sana...? ;)

En oikeasti tiedä onko olemassa mitään pomminvarmaa keinoa saada selville kaikki mahdolliset käytetyt hakusanat, mutta monissa käyttäjälaskureissa on mukana ainakin jonkinlainen hakusanalaskuri. Esimerkiksi Google Analyticsistä löytyy "yleinen avainsanatulos":

Kuvan saa klikkaamassa suuremmaksi. Yleinen avainsanatulos löytyy esimerkiksi "Näkymät" osiosta vaihtamalla "Johtajan" paikalle "Markkinoija". Kannattaa kokeilla erilaisia kävijälaskureita ja katsoa millainen hakusanalaskuri niistä löytyy.

Ja nyt taas jos joku tietää paremmin niin kommenttia kehiin.

Tunnisteet: Vastaus

Ongelman ratkaisua

Edellisestä postauksesta onkin päässyt kulumaan aikaa aivan huomaamatta. Rankka kouluviikko otti kyllä veronsa korkojen kera. Koko viime viikon teimme muovihampaistoon erilaisia paikkoja ja tulevaisuudessa pitäisi vielä viimeistellä ne. Opiskelen siis suuhygienistiksi, en hammaslääkäriksi, jos jollekin tuli mieleen. (Ajattelin että lyhyt pätkä omasta elämästäni tekisi tästä blogista astetta mielenkiintoisemman. Voi olla tosin että menin arvauksissani aivan metsään.)

Ja sitten viime viikkoisen kyselyn tulokseen. Tähän mennessä koodaaminen on kiinnostanut kuutta ja mahdollisesti joskus kiinnostaa kahdeksaa. Olen yllättynyt että ketään "ei kiinnostanut". Vastauksia tuli yhteensä neljätoista.

Olen ajatellut, että koodaaminen on oikeastaan vähän niin kuin sudokun täyttämistä. Jos henkilö, joka ei ole ikinä nähnyt sudokuruudukkoa, pistetään täyttämään sellaista, ei hän ymmärrä sen sääntöjä. Hän voi tietenkin olettaa että numeroista on kyse, mutta häneltä menisi jonkin aikaa ymmärtää pelin logiikka. Sen jälkeen kun säännöt ovat selvillä, hän voi etsiä helppoja kohtia ja täyttää niitä. Ja luonnollisesti harjoitus tekee mestarin sudokussakin. Ja lopulta kun on mestari, voi luoda oman ruudukkonsa ja täyttää numerot siihen juuri niin helposti tai vaikeasti kuin haluaa.

Ja samahan se on vähän koodaamisenkin kanssa. Ensin ei ymmärrä yhtään mitään ja sen jälkeen alkaa näkemään jonkinlaista logiikkaa kun on kuullut pelin säännöistä. Ensin sitä ehkä vähän muuttaa fontin kokoa tai väriä, ja pikku hiljaa sitä oppii tekemään enemmän ja paremmin. Ja harjoittelemalla oppii. Ja kun on mestari, ei tarvitse muuta kuin tyhjän sivun eteensä.

Minä olen todella huono sudokussa, mutta koodaamisessa olen päässyt ainakin sille tasolle, että osaan täyttää niitä itsestään selviä kohtia.

Tunnisteet: Blog Design, Yleistä

Kysely

Ajattelin tällaista pikakyselyä. Olen itse kiinnostunut koodeista ja templaten koodailusta, mutta oletko sinä kiinnostunut?

"Kiinnostaa" vastaus tarkoittaa, että olet kiinnostunut koodeista ja mahdollisesti haluat joskus kokeilla joitakin vinkkejäni. "Ei kiinnosta" tarkoittaa että et pysty edes kuvittelemaan itseäsi editoimaan templateasi koodien avulla, etkä edes halua. "Mahdollisesti joskus" vaustauksella tarkoitan, että kiinnostut koodaamisesta varmasti sitten kun eteesi sattuu sellainen koodi jota haluat ehdottomasti käyttää. Joten:

HUOM: Koodailupostit eivät vastauksista huolimatta katoa minnekään.

Tunnisteet: Poll

Goodbye NavBar!

Ärsyttääkö ketään Bloggerissa blogin yläreunassa oleva NavBar? Omasta blogistaan sen saa onneksi helposti pois. Avaa templatesi editiontitila ja lisää alla oleva koodi body-tagin alle. Paikalla ei (omien kokeilujeni mukaan) ole hirveästi merkitystä, kunhan se on body-tagin alla eikä riko mitään muuta koodia. Jos et onnistu ensimmäisellä kerralla, yritä sovittaa koodia johonkin toiseen kohtaan. Muista AINA esikatsella ennen tallentamista!

#b-navbar{ margin-top: -500px;} /* ---- Remove line if you want the Blogger Search bar back at top of page ----*/


/* ---- Remove this section the Blogger Search bar back at top of page  ----*/

#navbar #Navbar1 iframe
{
display:none;
visibility:none;
}

iframe{
display:none !important;
}

/* ---- Remove this section the Blogger Search bar back at top of page ----*/

HUOM: En anna edelleenkään takuita muille kuin classic templateille. Bloggerin WYSIWYG-template-editorilla tehdyistä templateista en tiedä mitään.

VINKKI: Kommenttirivit ovat hyödyllisiä, jotta myöhemmin tiedät heti miten NavBarin saa takaisin (poistamalla koko koodin).

PS: Jos joku haluaa (ihan oikeasti) NavBarinsa pois, mutta ei saa sitä itse onnistumaan, autan mielläni. (Siis miten niin olen kyyninen omia vinkkejäni kohtaan?)

PSS: Laitan vielä esimerkin koodin sijoittamisesta:

body {
 margin: 0px 0px 0px 0px;
       background-color: #ffffff;
       text-align: center;
       font-family: 'Geneva', Verdana, Times, sans-serif; 
}

a:link, a:visited, a:active {color: #F8003F; text-decoration: none;}
a:hover {color: #F8003F;  text-decoration: underline;}

#b-navbar{ margin-top: -500px;} /* ---- Remove line if you want the Blogger Search bar back at top of page ----*/



/* ---- Remove this section the Blogger Search bar back at top of page in Blogger Beta ----*/

#navbar #Navbar1 iframe
{
display:none;
visibility:none;
}

iframe{
display:none !important;
}
/* ---- Remove this section the Blogger Search bar back at top of page in Blogger Beta ----*/

#container {
        background-color: #ffffff;
       line-height: 150%;
       margin: 0px auto; 
 text-align: left;
 width: 800px;
       border-left: #8760af 10px solid;
       border-right: #33cccc 10px solid;      
}

Tunnisteet: Blog Design, Blogger

Tuunaa taustakuvasi

Viimeksi esittelin miten templaten värejä saa vaihdettua heksakoodien avulla. Tänään valitsin aiheekseni taustakuvien sijoittamisen koodailun avulla. Ja kukaan palikka ei nyt pelästy, tämä on oikeasti yksinkertaista!

Seuraavaa listaa olen itse lyhentänyt ja muokannut, mutta se on silti pöllitty täältä. Fontin väri on punainen ihan vain siitä iloisesta syystä, että se jota tämä lista ei kiinnosta pätkääkään, voi entistä helpommin hypätä sen yli. Listan jälkeen kerron, miten allaolevia tageja voi helposti hyödyntää.

background-image:url('taustakuvasi.jpg') Taustakuva, jonka osoite tulee sulkeisiin

background-repeat:repeat-y Taustakuvaa toistetaan vain y-akselin suuntaisesti eli pystysuoraan

background-repeat:repeat-x Taustakuvaa toistetaan vain x-akselin suuntaisesti eli vaakasuoraan

background-repeat:no-repeat Taustakuvaa ei toisteta lainkaan, taustakuva näkyy sivulla vain yhtenä kokonaisena kuvana.

background-attachment:fixed Tausta pysyy paikoillaan kun sivua vieritetään

background-attachment:scroll Normaali taustan olotila

background-position:100px 10px Taustakuva sijoittuu vaakasuuntaisesti 100px:n päähän ja pystysuuntaisesti 10px:n päähän

background-position:top left Taustakuva sijoittuu 'ylös vasemmalle'

background-position:top right Taustakuva sijoittuu 'ylös oikealle'

background-position:right Taustakuva sijoittuu 'oikealle keskelle'

background-position:bottom right Taustakuva sijoittuu 'alas oikealle'

background-position:bottom Taustakuva sijoittuu 'alas keskelle'

background-position:bottom left Taustakuva sijoittuu 'alas vasemmalle'

background-position:left Taustakuva sijoittuu 'vasemmalle keskelle'

background-position:center Taustakuva sijoittuu keskelle, sekä pysty että vaakasuuntaisesti

Ja sitten käytännössä: Ensimmäiseksi pitää etsiä omasta templatesta se kohta, jossa tausta määritellään. Se löytyy yleensä melko alusta body:n alta. Jos sinulla ei jo ole taustakuvaa, sen sijalla on luultavasti pelkkä taustavärikoodi, esimerkiksi background: #ffffff; jos tausta on valkoinen. Korvaa se tällä: background-image:url('taustakuvasi.jpg'), huomaa että heittomerkit kuuluvat mukaan. Laita muut määreet sen alle (esimerkiksi background-repeat:repeat-y) omalle rivilleen jä päätä merkillä ;.

HUOM: Ainakaan kun minä yritin, en saanut mahdolliseksi että olisi sekä taustakuva että taustaväri. Jos joku tietää jonkun kikan, kertokoon sen nyt tai vaietkoon iäksi!

Esimerkki: Tällainen litania saa aikaan taustakuvan, joka toistuu oikeassa reunassa pystysuoraan ja pysyy paikallaan kun sivua vierittää:

background-image:url('taustakuvasi.jpg');
background-repeat:repeat-y;
background-position:right;
background-attachment:fixed;

Mutta entä jos minulla ei ole mitään taustakuvaksi?

Taustakuvaksi käy oikeasti mikä tahansa sopivan kokoinen kuva. Netistäkin löytyy kivoja taustakuvia, joita yleensä saa käyttää ilmaiseksi, kunhan muistaa ettei suoralinkitä. Täältä löytyy esimerkiksi ihan kattava kokoelma...

PS: Jostakin syystä tuo ylempänä oleva lista (kuten koko muukin blogi) näyttää aivan hirveältä IE:ssä (ainakin uusimmassa). Tässä on taas yksi hyvä syy vaihtaa nyt heti Mozilla Firefoxiin, eikö?

Tunnisteet: Blog Design

Muotiblogi: PSSST...

Jahas! On taas uuden muotiblogiesittelyn aika. Tällä kertaa on vuorossa Jennan PSSST...-blogi. (Ensin ajattelin kirjoittaa Absolutely Fabulousista, mutta sen maine taitaa olla jo Turhamaisuutta-blogin luokkaa, joten sitä tuskin tarvitsee mainostaa enempää.)

En muista enää mitä kautta olen tähän blogiin törmännyt, mutta heti sen persoonallinen tyyli kiinnitti huomioni. Ihan amatöörikirjoittelijasta ei olekaan kyse, sillä Jenna profiilinsa mukaan opiskelee toimittajaksi Tampereen yliopistossa (ja kesätyöpaikka Demissä). Blogin henkilökohtaisuuden vuoksi tosin kategorioisin tämän hiukan kauemmaksi tavallisesta muotiblogista, vaikka se selkeästi sitä on. Tässä Jennan omaa analysointia blogistaan:

"Tässä blogissa kaihoan häpeilemättä erilaisten vaatteiden ja asustusten perään. Se ei kuitenkaan tarkoita, että ostaisin ne kaikki. Itse asiassa en ostanut viime kuussa kuin yhden vaatteen, mustan tekonahkatakin. Bloggaus toimii minulle ilmeisesti korvaushoitona ostelemiselle, joka joskus muinoin sai aika yltiömäisiäkin piirteitä. Bloggaamalla voin myös jakaa rakkauttani kaikkeen kauniiseen. Sanomatta lienee selvää, että tyyliasioden pohtiminen on vain pienen pieni osa arkeani. Lähinnä se on rentoutumiskeino pitkän opiskelupäivän päätteeksi."

Tämä blogi myös häpeilemättä päivittyy tiheämmin kuin... *joku tiheä aines tähän*: 25 postausta pelkästään helmikuun ajalta. Eikä tämä tarkoita että postaukset olivat sekundaa, päinvastoin. Jokaisessa postauksessa on ideaa ja sanomaa, mitä sanoisin loistavaksi suoritukseksi blogimaailmassa. Toivottavasti tämä laatu pysyy loppuun asti.

Ja nyt lopetan tästä blogista kirjoittamisen, jotta voitte itse käydä toteamassa tämän blogin erinomaisuuden. Joten PSSST...