Sunnuntailiite: Blogger tips & hacks

Tämä on jo kuudes sunnuntailiite blogissani. Aika menee yllättävän nopeasti kun sitä ei ajattele. Tuntuu kuin siitä olisi vasta viikko tai pari kun ensimmäinen linkkivinkkejä sisältävä sunnuntaipostaus ilmestyi. Ehkä keksin oman teeman vaikkapa keskiviikollekin.

Tällä kertaa sunnuntailiite tarjoilee linkkivinkkejä Bloggerin käyttäjille.

Blogger Hacks: Wikipedia, joka listaa eri blogeista löytyviä hackeja. Hackeja löytyy niin uudelle kuin vanhallekin Bloggerille. Yleensä jokaisen hackin kohdalla kerrotaan vaadittu taitotaso.
Tips for New Bloggers: Haluatko vaihtaa taustakuvan mutta et tiedä miten? Täältä löytyy ohjeita siihen sekä lukemattomiin muihin perusjuttuihin. Tuntuu olevan melko kaiken kattava ja haluttu tieto on helposti löydettävissä.
Blogger Tricks, Dummies' Guide to Blogger: Molemmat samantyylisiä kuin ylempi.
Hackosphere: Hankalampia hackeja Bloggerille.
BlogU: Hackeja ja tuunausta naisnäkökulmasta. Kyllä sen huomaa!
Random Bytes: Tämä ei ole päivittynyt aikoihin, mutta arkistosta löytyy paljon hyödyllistä luettavaa. Ja sisältökin on paljon muutakin kuin pelkästään hackeja.
BlogFresh: Kattava lista Blogger hackeista.

Kysyin avomieheltäni miten hän suomentaisi sanan "hack". Ei osannut hänkään sanoa. Keksisikö joku muu hyvän suomenkielisen vastineen?

Read More... Collapse...

Vastaus Ulrikalle: RSS

Ulrikan ongelma:

Jokin aika sitten sain blogiini tällaisen kommentin:

"Moi, onko täällä mahdollista laittaa mistään asetuksista päälle RSS-feed jonka ainakin vuodatuksen blogeista saa? Sitten saisin sinunkin blogisi tuohon selaimeni yläreunaan muiden jatkoksi josta voi nopeasti katsoa onko tullut uusia merkintöjä. =)"

Enkä tuohon osannut silloin vastata muuta kuin että tutkin asiaa... Onko tässä nyt päällä tuo mainitsemasi tilanne, ettei selain huomaa RSS-syötettä, vai mitä tässä pitäisi tehdä?

Katsastin blogisi RSS-syötteen, enkä huomannut siinä mitään ongelmaa. Toimi aivan täydellisesti. Taitaa olla niin, että tuon kommentin lähettäjä ei ole itse osannut asiaansa. Bloggerin syötteen kun voi taikoa vaikka tyhjästä, pitää vain lisätä osoitteen loppuun atom.xml, esimerkiksi siis http://blogiterapiaa.blogspot.com/atom.xml, ja voilà.

Mutta voisit varmuuden vuoksi lisätä sivupalkkiisi linkin RSS-syötteeseen. Sen saat helposti tehtyä seuraavalla tavalla.

1. Avaa blogisi ulkoasun HTML-tila
2. Selaa koodi melkein loppuun saakka, kunnes törmäät tähän:

<p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger"/></a></p>

3. Ja lisää heti sen alapuolelle tämä rivi:

<p id="blogfeeds"><$BlogFeedsVertical$></p>

4. Esikatsele ja tallenna, mikäli sivupalkkiin ilmestyi teksti "Subscribe to
Posts [ATOM]" I Power Blogger-nappulan alapuolelle.

Tässä myös ohjeet RSS-nappulan laittamiseksi, mikäli olet enemmän visuaalinen persoona. Tätä varten tarvitset kuitenkin haluamasi RSS-nappulan tallennettuna nettiin. Nappula voi olla esimerkiksi tällainen:

1. Avaa blogisi ulkoasun HTML-tila
2. Selaa koodi melkein loppuun saakka, kunnes törmäät tähän:

<p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger"/></a></p>

3. Kopioi (koodistasi, älä tästä) kyseinen rivi uudestaan sen alapuolelle. Täytä siihen uudet tiedot tämän mallin mukaan:

<p id="powered-by"><a href="syötteen osoite"><img src="rss-nappulan-url" alt="RSS"/></a></p>

Säilytä tuo id-luokka, vaikka se ehkä hassulta kuulostaakin. Se estää ikävien kehysten muodostumisen nappulan ympärille ilman lisäkoodaamisen tarvetta. Mikäli haluat, että Blogger-nappulan ja RSS-nappulan välillä on tyhjää tilaa, lisää <br> koodien väliin.

4. Esikatsele ja tallenna, mikäli nappula ilmestyi sivupalkkiin.

Tämä vastaus onnistui menemään pitkäksi, mutta toivottavasti tästä oli kuitenkin sinulle jotain apua.

HUOM: Nämä ohjeet ovat optimoitu suoraan Ulrikalle, joten ne toimivat sellaisenaan ainoastaan Bloggerin classic templatessa, jossa on tuo I Power Blogger-nappula oletuksena. Enkä siltikään uskalla antaa 100 prosenttista takuuta.

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 Anonyymille: Copypaste

Anonyymi kysyi:

eipä liity nyt tähän, mutta voisitko selittää pystyykö bloggerilla millään liittämään jostain kopioitua tekstiä? ärsyttävää kun kirjoitin pitkän entryn wordiin ja nyt en saakkaan sitä sitten bloggeriin. jotain kiertokeinoja, sillä en uusiksi jaksaisi a4:sta näppäillä!

Ja koska terapeutilla todellakin on ollut kiireitä, Sun äitis ehti ensin. Joten tässä hänen antamansa vaustaus, sillä minulla ei ole siihen mitään lisättävää:

Heips Anonyymi!

Kun ei terapeutti vastaa, niin minä sentään. Kysymyksesi hämmästytti minua niin paljon, että piti käydä kokeilemassa. En blogaa Bloggerilla, mutta tunnukset minulla sinnekin on ja kokeeksi kopioin tekstiä wordistä Bloggerin tekstieditoriin. Ihan hyvin se siirtyi kopioi-liitä. Ei ymmärrä, mistä pulmasi johtuu! Jos liittäminen ei uudellakaan yrittämällä onnistu, kokeile kopioida worditekstisi apuohjelmista löytyvään Muistioon ja sieltä edelleen Bloggeriin. Sitä kiertotietä pitkin nyt ainakin pitäisi tekstin siistiytyä liitettävään muotoon.

Blogsomessa olen huomannut, että linkit helposti menevät muusiksi, jos ne kirjoittaa valmiiksi wordissä ja liimailee blogin editorin. Lopulta pättelin, että homma johtuu wordin tavasta oletuksena vekslailla lainausmerkkien ulkonäköä, ja nämä ulkonäkökorjatut lainausmerkit eivät toimikaan linkeissä (homman saa ojennuksen kieltämällä prefseissä wordiä pelleilemästä niiden lainausmerkkien kanssa).

Minua hämmästyttää myös, samoin kuin kaikki muutkin Bloggeriin liittyvät postausongelmat mitä olen muista blogeista lukenut. Blogger ei ole koskaan kenkkuillut millään tavalla minun kanssani. Tietääkö se, että minun kanssani ei kannata pelleillä? Vai käsittelenkö minä Bloggeria niin helläkätisesti ja rakastavasti, että se taipuu tahtooni pakottamatta?

Read More... Collapse...

Anonyymit ilkeilijät kuriin

Blogeja selaillessani olen huomannut, että muutamille anonyymit kommentoijat ovat suoranainen ongelma. Suurin osa anonyymeistä kommentoijista on asiallisia, mutta joillekin anonyymius valitettavasti tarkoittaa vapautta solvata blogia ja blogin kirjoittajaa. Bloggerissa on muutamia asetuksia, joilla todellisiksi ongelmiksi muuttuneita anonyymejä kommentoijia voi laittaa kuriin.

Ensimmäinen vaihtoehto on luonnollisesti sallia kommentointi vain rekisteröityneille käyttäjille, jolloin anonyymit eivät pysty kommentoimaan ollenkaan. Tämä ja seuraava valikko löytyvät Bloggerin asetuksista Comments -osiosta.



Toinen vaihtoehto on kieltää uusimman postauksen kommentointi kokonaan. Tämä luultavasti toimisi aika tehokkaasti, sillä nuo ilkeilevät anonyymit yleensä kirjoittavat kommenttinsa hetken mielijohteesta. Tällä asetuksella anonyymi ilkeilijä joutuu odottamaan jonkin aikaa, ja luultavasti unohtaa koko kommentin antamisen.




Kommentoinnin voi kieltää myös postauskohtaisesti käyttämällä tekstieditorin Post Options -pudotusvalikkoa.



Asiattomat kommentit voi hyvällä omalla tunnolla myös poistaa yksitellen. Kenenkään ei tarvitse solvauksia sietää blogissaan. Kommentit poistetaan painamalla roskakoria kommentin alapuolella:

Read More... Collapse...

Vastaus Jennalle: Labelit

Amoena, auta! Miten kaltaiseni konekämmäri saisi blogiinsa sellaiset
kategoriat tuonne sivun reunaan?

Ainoa tapa, jonka minä tiedän, on käyttää uuden Bloggerin mukana tullutta wysiwyg-editoria. Se tapahtuu seuraavalla tavalla:

1. Avaa Template-välilehti
2. Page Elements pitäisi olla ensimmäinen näkymä jos käytössä on wysiwyg-editori.
3. Sivupalkin kohdalta "Add a Page Element"
3. Valitse valikosta "Labels"
4. Valitse haluamasi asetukset
5. Tallenna muutokset

PS: Jos käytössäsi ei ole wysiwyg-editoria voit ottaa sen käyttöön, mutta samalla joudut valitsemaan blogillesi uuden templaten Bloggerin valikoimasta. Editorin saa käyttöön valitsemalla "Customize Design".

Puhun usein erilaisista wysiwyg-editoreista, ja vaikka kukaan ei ole vielä kysynyt mitä se tarkoittaa, päätin ennaltaehkäisevästi copypasteta tähän kuvauksen Wikipediasta:

WYSIWYG-lyhennettä (engl. What You See Is What You Get eli mitä näet, sitä saat) käytetään viittaamaan sellaisin ohjelmistoihin, joissa sisältö näyttää muokattaessa hyvin samalta kuin lopputulos. Sen sijaan muotoa ja rakennetta kuvaavaa metadataa ei useimmiten näytetä. Hyvin usein käsitettä käytetään kuvaamaan tekstinkäsittelyohjelmia tai HTML-editoreja.

WYSIWYG-ohjelmien tavoite on helpottaa muokkaamista esittämällä käyttäjälle suoraan työn lopullinen muoto ja jättämällä käyttäjän kannalta epäoleellinen tieto näyttämättä. WYSIWYG-ohjelmissa muotoilu useimmiten tapahtuu valitsemalla muotoiltava asiakirja tai sen osa ja suoritettava muotoilutoiminto esimerkiksi klikkaamalla kuvaketta tai käyttämällä pikavalikkoja. WYSIWYG-ohjelmistoissa useimmiten sijoiteta tekstin joukkoon minkäänlaista muotoilukoodia, kuten esimerkiksi HTML-koodia. Useissa HTML-editoreissa on kuitenkin myös mahdollisuus muokata asiakirjan lähdekoodia, sillä muutoin esimerkiksi JavaScript-koodien lisääminen on vaikeaa. Myös standardoimattomien HTML-elementtien lisääminen on WYSIWYG-editoreissa usein rajoitettu.

Koska WYSIWYG-ohjelmistojen käyttö ei edellytä muotoilukoodin tuntemusta, voidaan niitä pitää erittäin käyttäjäystävällisinä. Kuitenkin mahdollisuudet muokata dokumenttia ovat WYSIWYG-editorilla rajallisemmat, eikä kaikkia vaativampia muotoiluja ole välttämättä mahdollista suorittaa WYSIWYG-editorilla.

Read More... Collapse...

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;
}

Read More... Collapse...