24. marraskuuta 2013

Kuinka tehdä kategoriat (Menu Bar) Bloggeriin


Olen aina inhonnut tavallisia blogeja, joissa juttuja ei ole kategorisoitu mitenkään. Tekstiä vain tuotetaan tekstin perään sivukaupalla ja sitten mielenkiintoiset kirjoitukset pitäisi muka kaivaa jotenkin blogiarkiston syöväreistä tai jostain sekavasta tagipilvestä.

Blogia perustaessani minulla oli jo melko selvät sävelet siitä, mitä kaikkea tänne olisin kirjoittamassa,  miten jaottelisin ne jne. Halusin myös niin sanotun staattisen etusivun, joka ei muuttuisi vaan pysyisi samana riippumatta blogiin lisätyistä teksteistä. Etusivu toimisi siis niin sanottuna tervetuloa-sivuna. Vaikka bloggeri onkin hyvin simppeli blogisofta, ei noiden kategorioiden luominen oikein tahtonut sujua ja pakkohan sitä oli kääntyä Googlen hakukoneen puoleen. Suomeksi asiasta ei tietenkään löytynyt mitään ja englanniksi tuotti vaikeuksia löytää sopivia hakutermejä kuvaamaan ongelmaa. 

WordPressillä on helppo luoda tällaisia pudotusvalikkoja, mutta Bloggerilla tämä ei onnistu ilman kunnon säätöä. Bloggerilla on kuitenkin mahdollista tehdä kategorioita niin sanottuun Menu Bariin. Seuraavassa onkin lyhyt ohje siitä, miten Bloggeriin on mahdollista luoda kategorioita, eli niin sanottu Menu Bar, joka tässäkin blogissa sijaitsee sivun yläreunassa. Ratkaisua voi sitten soveltaa  staattisen etusivun luomiseen. 

Homma lähtee käyntiin seuraavasti. Käytetään mallina omaa blogiani. Ajatellaan, että haluat luoda esimerkiksi kategorian säästäminen. Kun joku vierailee blogissasi ja on kiinnostunut vain säästämisestä, haluat hänen tietenkin näkevän vain säästämiseen liittyvät artikkelit. 


1. Kun olet kirjautunut Bloggeriin, valitse aloitusvalikosta kohta Sivut.
2. Klikkaa Uusi sivu-kohtaa
3. Valitse Verkko-osoite pudotusvalikosta


Valitse Uusi sivu ja sieltä Verkko-osoite


4. Kirjoita nyt kategorialle nimi, eli otsikko jonka haluat (esimerkissämme säästäminen)
5. Kirjoita URL osoite ja paina tallenna.


Sivun otsikoksi kategoriasi nimi, URL osoitteen label pitää vastata viestiasetusten tunnistetta



6. Osoite on muotoa http://www.[tähän blogisi osoite].fi/search/label/[tähän kategoriasi nimi]

Esimerkissämme se olisi http://www.downshiftaaminen.blogspot.fi/search/label/säästäminen


7. Tarkista, että Sivut -asetuksista on ruksittu kohta: näytä sivut muodossa “ylävälilehdet”. 

Nyt kaiken pitäisi toimia ja voit luoda sopivat kategoriat blogiisi. Tekstejä kirjoittaessasi muistat vain kirjoittaa viestiasetusten tunnisteeseen oikean kategorian, jotta homma toimisi. Kirjoitukset listataan nyt kuin filtteröity kansio päivämäärän mukaan. Kannattaa muistaa, että uudet kirjoitukset ilmestyvät edelleen myös Etusivu-kategoriaan. Itse nimesin tämän uudelleen Uusimmat jutut-nimellä ja loin ohjeen mukaan uuden etusivun. Helppoa ja toimivaa, mutta vielä pitää korjata yksi kauneusvirhe.

Bloggerin kategorioita käytettäessä sivun alkuun tulee aina kuvateksti: "Näytetään tekstit, joissa on tunniste xxxxxxxx" Tämä pieni kauneusvirhe pitää poistaa itse HTML-koodista.

1. Mene siis kohtaan Malli -> Muokkaa HTML-koodia. 
2. Klikkaa valikosta Siirry widgettiin ja sieltä vetovalikosta Blog1. 
3. Siirryt koodiin, ja klikkaa Muokkaa mallia. 
4. Yritä löytää läheltä teksti b:include data='top' name='status-message'
5. Ympäröi se merkeillä (<!-- ja -->) kuten kuvassa alla. 

Tämä tarkoittaa, että sisältö on niin sanotusti kommentti, eikä sitä huomioida. Vaihtoehtoisesti voit poistaa koko koodirivin. 

6. Tallenna malli ja katsele onnistunutta tuotostasi. Onnea!


"Näytetään tekstit, joissa on tunniste xxxxxx" poistetaan Bloggerista korostettua HTML koodinpätkää muokkaamalla.

Päivitys artikkeliin 19.5.2014



Google on maaliskuun alussa 2014 julkistanut uuden Bloggerin "päivityksen", jossa sivuston käyttökokemusta muka uudistettiin. Lopputulos on nyt se, että kirjoittamani kategorioiden teko ei onnistu enää kohdasta Sivut, vaan kohdasta Ulkoasu. Tekemäni artikkelin 1. ja 2. kohdat tehdään siis alla olevan kuvan mukaisesti klikkaamalla aloitusvalikosta Ulkoasu ja sitten muokkaamalla aukeavasta mallista kohtaa Sivut. Sivut-palkin pitää sijaita blogin otsikon alapuolella, jotta kategoriatkin näin toimisivat. Tämä tehdään vetämällä haluttu gadgetti oikeaan kohtaan mallipohjassa. Muuten homman pitäisi edelleenkin toimia, kuten ohjeissa selostetaan.

Bloggerin päivityksen myötä vuoden 2014 alussa kategoriat tehdäänkin muokkaamalla Ulkoasu -välilehtiä ja sieltä Sivut-gadgettiä.




11 kommenttia:

  1. Oon varmaan vähän tyhmä,mut mä en löydä tota 'ylävälilehdet' kohtaa mistää bloggerissa.Ajattelin et osaisitko auttaa?

    VastaaPoista
  2. Pahoittelen myöhäistä vastausta. Googlen "päivityksen" myötä tuo ominaisuus on vähän muuttunut ja päivitin sen nyt blogin artikkeliin. Olettaisin sen nyt toimivan ohjeita soveltamalla. Toivottavasti onnistut luomaan kategoriat.

    VastaaPoista
  3. Hei ja kiitos ohjeesta! Onnistui muuten helposti mutta vaikka lisäsin kirjoituksen viestiasetuksiin tunnisteisiin kategorian, ei teksti kuitenkaan tullut siihen kategoriaan. Onko sekin mahdollisesti muuttunut päivityksien myötä? Tähän jos vielä saisin vastauksen olisin kiitollinen! :)

    VastaaPoista
    Vastaukset
    1. Jos toimit ohjeiden mukaan, niin tekstin pitäisi kyllä mielestäni näkyä siinä kategoriassa (etusivun lisäksi), jonka viestiasetusten tunnisteeseen kirjoitit. Onko tämä tunniste (label) varmasti oikein kirjoitettu? Esimerkiksi itselläni osa kategorioiden nimistä on vähän erilaisia kuin itse niiden tunniste, joten tässä on mahdollisuus sekaannukseen.

      Poista
  4. Hei1 Osaisitko auttaaa sellaisessä asiassa, että kuinka saisin noi luodot sivut sitten yhtä leveiksi kuin banneri? :-) Nyt ne on nimittäin vaan tuolla vasemmassa reunassa... :/

    idamariaankkuri.blogspot.com

    VastaaPoista
    Vastaukset
    1. Nopean sivustollasi käynnin perusteella taisit jo löytääkin itse vastauksen, eli Malli -> Mukauta ja sieltä säädä leveyksiä :)

      Makuasioista voi tietysti aina kiistellä, mutta omaan silmään kyllä särähtää noin leveä leiska. Etenkin banneri varastaa koko huomion ja tekstiä on vaikea lukea, jos se jatkuu koko ruudun levyisenä. Toisaalta kyseessä on muotiblogi, jossa kuvat ovat pääasiassa... Tällaisia vaate- ja muotijuttuja itse en jaksa yleensä lukea pätkääkään. En siis ehkä ole se paras henkilö antamaan palautetta.

      Poista
  5. Yritän bloggerin avulla tehdä pienimuotoisia sivuja harrastuksiini kuuluvalle puhallinorkesterille. Pääosin homma hoituu ja ohejistasi on ollut suunnaton apu. Mutta miten saan etusivun tulostumaan ensimäiseksi sivustoa avattaessa. Ohjeesi mukaan pitäisi ruksata "Näytä ylävälilehdet". En löydä tällaista kohtaa? Voisitko vaikkapa vilkaista http://evankelinenpuhallinorkesteri.blogspot.fi/
    Terveisin Antti Näsi

    VastaaPoista
    Vastaukset
    1. Tässä kirjoittamassani artikkelissa on se ongelma, että Google muuttelee ja viilailee Bloggerin käyttökokemusta ja artikkeli on kirjoitettu vanhan käyttökokemuksen pohjalta. Ohjeet tarvitsisivat varmaan päivitystä, mutta koska minulla on vain tämä blogi, niin en pysty enää kokeilemaan pätevätkö vanhat ohjeet vielä tähän päivään. Muuten toki kirjoittaisin ja päivittäisin tämän artikkelin ajantasaiseksi.

      Uskoisin, että kategorioiden luonti tapahtuu silti vanhojen ohjeiden mukaan. Kuten tästä Downshiftaus-blogistakin voi päätellä, etusivua ei voi saada tulostumaan ensimmäiseksi. Toisin sanoen jos kirjoitat blogini url-osoitteen selaimen osoiteriville, niin blogi avautuu "uusimmat jutut" välilehdelle. Tämä välilehtihän on juuri se Bloggerin "etusivu", johon kaikki kirjoitetut jututkin kerätään. Valitettavasti muuta mahdollisuutta tähän ei ole.

      Poista
  6. Pystyykö bloggeriin luomaan ns. alavalikkoja sivuille? Tarkoitan, että esim. yläpalikissa sinulla on vaikka "Ruoka"sivu. Sen alle tulisi esim. "aamupala", "lounas", "jälkiruoka" jne. alavalikkoja, joiden alta sitten löytyisi kategoriaan kuuluvat postaukset nimellä ja näin lukija voisi myös selata/hakea tekstejä. En tiedä osasinko selittää asiaa ymmärettävästi?
    T. Leena

    VastaaPoista
    Vastaukset
    1. Todennäköisesti pystyy, mutta ihan helposti se ei onnistu. Hommaan tarvitaan jo suhteellisen hyvää HTML ja CSS osaamista. Jos näitä ei omaa, niin sitten hommaan tarvitaan erinomaisesti kirjoitetut ohjeet ja näiden omaa soveltamista. Itse en ole asiassa ammattilainen, joten siksi nämä alavalikot puuttuvat. Google kyllä tarjoaa paljonkin neuvoja, jos etsii hakusanoilla: blogger meny bar sub categories. Tulosten toimivuudesta ei tosin ole takeita. Toinen vähän samantyylinen vaihtoehto voisi olla puhdas tagipilvi. Todennäköisesti tulen sellaisen tähän blogiin kohta "asentamaan" ja ohjeet kirjoittamaan.

      Poista
  7. Joo, ei - ei kyllä onnistunut ohjeellasi. Tyssäsi kohtaan 3; sivullani "uusi sivu" kohdasta ei löydy pudotusvalikkoa......

    VastaaPoista