Project Template - Alku
Tästä postauksesta alkaa luultavasti melko pitkään jatkuva Project Template. Jossain vaiheessa eksyin alkuperäisestä suunnitelmastani luoda blogi, jossa kerrottaisiin selvällä suomenkielellä miten templateja voi muokata mieleisekseen. Nyt aion korjata suunnan oikeaksi.
Ulkoasujen tekeminen Bloggerille on oikeasti lasten leikkiä. Alkuun pääseminen vain on hiukan hankalampaa. Sen vuoksi suunnittelin tämän projektin, jossa yksityiskohtaisesti ja yksi kohta kerrallaan opastan muokkaamaan templatea. Onnistuminen on takuuvarmaa vaikka ei olisi ikinä koodannut yhtään mitään.
Edellytykset projektiin osallistumiselle:
Projektissa tehdään Blogger-template. Osaa ohjeista voi varmasti soveltaa myös esimerkiksi Vuodatuksen sivupohjiin, mutta pääasiassa kaikki ohjeet ovat siis vain ja ainoastaan Bloggerille. Huolimatta siitä, että widget-templatet tuntuvat olevan hallitsevassa asemassa, tässä projektissa tehdään classic template. Käytönnössä se tarkoittaa näitä kahta muutosta:
1. Blogin alareunasta katoaa mahdollisuus selata postauksia eteen ja taaksepäin. Vanhojen postauksien lukeminen tapahtuu siis vanhaan tuttuun tapaan arkiston kautta, kuten esimerkiksi tässä blogissa.
2. Kategoriat eivät ilmesty automaattisesti sivupalkkiin, vaan jokainen kategoria pitää koodata sinne käsin. Siihen luonnollisesti tulee selkeät ohjeet projektin aikana.
Sen lisäksi sinulla pitäisi olla jokin kuvankäsittelyohjelma (ilmainen Gimpkin käy mainiosti) ja esimerkiksi Photobucket-tili, johon voit tallentaa kuviasi.
Mikäli haluat osallistua, toimi näin:
1. Luo itsellesi uusi blogi. Voit halutessa sallia sen katselemisen vain "authoreille".
2. Avaa tila, jossa voit käsitellä ulkoasun HTML-koodia. Sinun pitäisi nähdä valkoinen laatikko, jossa on koodia.
3. Valitse valkoisen boksin alta "Revert to classic template" tai "Palauta perinteinen malli" kielestä riippuen. Paina OK esiin poksahtavaan ikkunaan.
4. Poista koodi kokonaan valkoisesta boksista ja liitä huolellisesti täältä kopioimasi koodi sen tilalle.
5. Esikatsele ja tallenna. Templaten pitäisi näyttää suunnilleen tältä.
HUOM: Mikäli Blogger valittaa XML-erroria tms, varmista että olet varmasti muuttanut templaten classiciksi/perinteiseksi kuten kohdan 3 mukaan.
Millainen ulkoasu tästä suunnilleen syntyy: Valitsin muokattavaksi pohjaksi yksinkertaisen vasempaan reunaan ankkuroidun templaten. Siihen tulee isokokoinen banneri, joka jää osittain tekstiosion alle. Enempää templatesta ei voi sanoa, sillä siitä tulee tietenkin tekijänsä näköinen.
PS: Tämä on vain yksi projekti alkuun pääsemiseksi. Tämän projektin jälkeenk tulen edelleen postailemaan erilaisia muokkausohjeita classic templatelle.
Ulkoasujen tekeminen Bloggerille on oikeasti lasten leikkiä. Alkuun pääseminen vain on hiukan hankalampaa. Sen vuoksi suunnittelin tämän projektin, jossa yksityiskohtaisesti ja yksi kohta kerrallaan opastan muokkaamaan templatea. Onnistuminen on takuuvarmaa vaikka ei olisi ikinä koodannut yhtään mitään.
Edellytykset projektiin osallistumiselle:
Projektissa tehdään Blogger-template. Osaa ohjeista voi varmasti soveltaa myös esimerkiksi Vuodatuksen sivupohjiin, mutta pääasiassa kaikki ohjeet ovat siis vain ja ainoastaan Bloggerille. Huolimatta siitä, että widget-templatet tuntuvat olevan hallitsevassa asemassa, tässä projektissa tehdään classic template. Käytönnössä se tarkoittaa näitä kahta muutosta:
1. Blogin alareunasta katoaa mahdollisuus selata postauksia eteen ja taaksepäin. Vanhojen postauksien lukeminen tapahtuu siis vanhaan tuttuun tapaan arkiston kautta, kuten esimerkiksi tässä blogissa.
2. Kategoriat eivät ilmesty automaattisesti sivupalkkiin, vaan jokainen kategoria pitää koodata sinne käsin. Siihen luonnollisesti tulee selkeät ohjeet projektin aikana.
Sen lisäksi sinulla pitäisi olla jokin kuvankäsittelyohjelma (ilmainen Gimpkin käy mainiosti) ja esimerkiksi Photobucket-tili, johon voit tallentaa kuviasi.
Mikäli haluat osallistua, toimi näin:
1. Luo itsellesi uusi blogi. Voit halutessa sallia sen katselemisen vain "authoreille".
2. Avaa tila, jossa voit käsitellä ulkoasun HTML-koodia. Sinun pitäisi nähdä valkoinen laatikko, jossa on koodia.
3. Valitse valkoisen boksin alta "Revert to classic template" tai "Palauta perinteinen malli" kielestä riippuen. Paina OK esiin poksahtavaan ikkunaan.
4. Poista koodi kokonaan valkoisesta boksista ja liitä huolellisesti täältä kopioimasi koodi sen tilalle.
5. Esikatsele ja tallenna. Templaten pitäisi näyttää suunnilleen tältä.
HUOM: Mikäli Blogger valittaa XML-erroria tms, varmista että olet varmasti muuttanut templaten classiciksi/perinteiseksi kuten kohdan 3 mukaan.
Millainen ulkoasu tästä suunnilleen syntyy: Valitsin muokattavaksi pohjaksi yksinkertaisen vasempaan reunaan ankkuroidun templaten. Siihen tulee isokokoinen banneri, joka jää osittain tekstiosion alle. Enempää templatesta ei voi sanoa, sillä siitä tulee tietenkin tekijänsä näköinen.
PS: Tämä on vain yksi projekti alkuun pääsemiseksi. Tämän projektin jälkeenk tulen edelleen postailemaan erilaisia muokkausohjeita classic templatelle.
Toiveita ja ehdotuksia saa vapaasti esittää.
Tunnisteet: Blog Design, Project Template
3 Comments:
Nerokasta! Tästä otan kaiken korvan taakse, että osaan tarpeen vaatiessa tehdä muutokset mestariteokseesi ;)
tuo ensimmäinen linkki ei toimi ainakaan minulla. :( en saa sitä tarvittavaa koodia kopioitua :(
Stadiasta tuli Metropolia ja taisi siinä yhteydessä sitten tuo sivukin posahtaa kun se oli Stadian serverille hostattu.
Mutta mä voin lähettää sen sulle jos vaan vinkaiset vähän mun sähköpostiin :)
Lähetä kommentti
<< Home