MITEN KESKITÄN POSTAUKSEN OTSIKON & PÄIVÄMÄÄRÄN

Tässä ohjeet miten keskität postauksiesi päivämäärän & otsikon.

OTSIKON KESKITTÄMINEN
1. Siirry Malli --> Muokkaa HTML-koodia
2. Paina Ctrl & F & kirjoita oikeaan ylänurkkaan tulevaan hakuun sana posts.
3. Sen jälkeen rullaat niin paljon alaspäin, että tulee kohta h3.post-title. Liitä h3.post-title koodien/juttujen alapuolelle teksti:  text-align:center;

Koodin pitäisi näyttää tältä: 
h3.post-title, .comments h4 {
  font: $(post.title.font);
  margin: .75em 0 0;
text-align:center;
}

Muista AINA esikatsella ensin, ennenkuin tallennat koodin, jos koodi ei toimi, mieti mikä meni vikaan & poista lisäämäsi koodi.

PÄIVÄMÄÄRÄN KESKITTÄMINEN


1. Etsi ctrl+f tavalla kohta: /* Headings. Sen alapuolella pitäisi olla kohta: 
h2 {
  margin: 0 0 1em 0;
  font: $(widget.title.font);
  color: $(widget.title.text.color);
  text-transform: uppercase;
}

2. Lisää koodin text-transform: uppercasen jälkeen yksi välialaspäin
text-align: center;
}

Koodin pitäisi näyttää tältä: 
h2 {
  margin: 0 0 1em 0;
  font: $(widget.title.font);
  color: $(widget.title.text.color);
  text-transform: uppercase;
text-align: center;
}
}



Muista AINA esikatsella ensin, ennenkuin tallennat koodin, jos koodi ei toimi, mieti mikä meni vikaan & poista lisäämäsi koodi.

--------------------------------------------------------------------------------------------



Jos tulee kysyttävää, kysykää ihmeessä kommenttiboksissa, autan parhaani mukaan (= 

68 kommenttia:

  1. Mitäs teen jos se ei löydä sanaa posts? :)

    VastaaPoista
    Vastaukset
    1. Klikkaa nyt ensin ainakin ylhäällä olevaa Laajenna widget-malleja, jos sitten ei löydy, sä oot joko vahingos poistanu sen tai sitten sä et vaan oo löytäny sitä. Jos kirjotit sanan siihen hakuun yritä löytää se ilman sitä rullaamalla koodia alaspäin ;)

      Poista
    2. mullakaan ei löydy tota sanaa ja eipä löydy tota laajenna widget malleja kohtaakaan(?) :( osaisitko auttaa?(:

      Poista
    3. tuoreesta blogistakaan ei löydy tuota kohtaa, vaikken voi olla vielä koodia muokannut :o eikä auta rullaaminen

      Poista
  2. miks mul ei onnistu mikää noist jotka pitää laittaa tonne HTML paikkaa tulee vaa tällee:Emme valitettavasti voineet toteuttaa pyyntöäsi.
    Kun ilmoitat tästä virheestä Blogger-tukeen tai Bloggerin ohjekeskusteluryhmässä:
    kuvaile, mitä olit tekemässä, kun sait virheen.
    anna seuraava virhekoodi.
    bX-jb594l
    Tietojen avulla voimme paikallistaa ongelman ja korjata sen. Pahoittelemme aiheutunutta haittaa.

    Oon yrittäny mont kertaa ja ei koskaa toimi ja oon tarkistanu et oon tehny oikein??

    VastaaPoista
    Vastaukset
    1. Sä oot jossain vaiheessa kirjottanu siihen koodiin tai poistanu siitä HTML-koodista jotain, jota se ei nään hyväksy - seon siis menny väärin. Jos sä haluut sen vian pois, sun täytyy korjata se virhe - tässä tilanteessa vaikuttaa kuitenkin sitlä, että sä et tiiä mitä oot tehny väärin, joten sun täytyy alottaa koko blogin muokkaus alusta. Valita esim. uusi malli jne. /:

      Poista
  3. "Invalid variable declaration in page skin: Variable name must not be declared twice. Input: image.border.large.size

    Error 500"

    ei toimi kumpikaan keskitys D:

    VastaaPoista
    Vastaukset
    1. mikä blogimalli sulla on ?

      Poista
    2. mielestäni se on tuo 'dynaamiset näkymät, muokattuna sillei et se näyttää perus simpleltä

      Poista
    3. okeeiii. noo siinä tapauksessa mallssa ei pitäis olla mitään ongelmaa. osaisikko selittää, miten keskitit nuo ? (= ootko varma, et lisäsit ton koodin oikeaan kohtaan?

      Poista
    4. juuri niin kuin ohjeissa, koodin h3.post-title, .comments h4 {
      font: $(post.title.font);
      margin: .75em 0 0; jälkeen yks entteri ja siihen koodi

      Poista
    5. ompas outoa o: noissa ohjeissa ei oo mitään vikaa, joten siitä se ei voi olla kiinni. Koita tehdä vie uusiks se koko juttu. voi olla, että sulle on sattunu joku ihan olematon virhe c:

      Poista
  4. Jes, kiitos ihan ÄLYTTÖMÄSTI !
    Oon yrittänyt saada tähän kysymykseen vastausta vaikka kuinka kauan, ja vihdoin löysin kunnolliset ohjeet. Kiitos tuhannesti ♥

    VastaaPoista
    Vastaukset
    1. hienooo, jos toimi & oli selkeet ohjeet c; ole hyvä :)

      Poista
  5. oiii onnistuii kiitoss!!! :)

    VastaaPoista
  6. noniin täältä löysin ohjeet ja onnistui :--) kiitos suunnattomasti

    VastaaPoista
  7. sun näistä ohjeista on ollut minulle paljon apua! :)

    VastaaPoista
  8. mulla lukee siinä alla

    h2 {
    font: $(widget.title.font);
    color: $(widget.title.text.color);

    margin: 0 0 .5em;
    }

    h2.date-header {
    font: $(date.font);
    color: $(date.text.color);
    }

    mitäs nyt teen? :/

    VastaaPoista
  9. Tätä tietoa olen kaivanut kivien ja kantojen alta :) Huh, viimein se löytyi ja vieläpä ONNISTUIKIN! Tosin jostan syystä mun html oli erilainen esim.tuo päivämäärän keskittämisen kohdalla koodi on tällainen:
    h2 {
    font: $(widget.title.font);
    color: $(widget.title.text.color);
    text-align: center;
    }
    }

    Eli Puuttuu kokonaan osa koodista, mutta ei se haittaa koska toimii kuitenkin :) Johtuuko kenties Blogimallista?

    Kiitos jokatapauksessa suuresti, tästä oli todella paljon apua!

    VastaaPoista
    Vastaukset
    1. noni hei hienoa kuitenkin jos toimi! (=

      Poista
  10. Kiitos ihan älyttömästi sulle ! (:

    VastaaPoista
  11. mulla se poisti blogista postausten ja gadget:jen taustan

    http://2pientaelefanttia.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Ei siinä niin pitäisi käydä. Nyt olet kyllä tehnyt jotakin väärin.

      Poista
  12. En saa toimimaan tuota päivämäärän keskitystä. (?)

    VastaaPoista
  13. Kiitos ihan hirveästi selkeistä ohjeista! Oon paininut tämän ongleman kanssa jo kauan :-D

    VastaaPoista
  14. mulla ei onnistu toi :c mulla löytyy vaan tämmönen:
    h3.post-title {
    margin: 0;
    font: $(post.title.font);
    }

    ja jos siihenkään liittää sen jutun niin ei toimi

    VastaaPoista
  15. Mä oon ihan tyhmä näissä asioissa, mä en päässy ees alkuun tossa päivämäärän keskittämisessä. Mä en löydä tota koodia. Painoin ctrl ja f ja sitten sinne yläkulmaan tuli sellai pieni hakulaatikko. Laitoin siihen /* Hedings ja hain, mut mitään ei tapahtunut. Ymmärsinkö jotain nyt täysin väärin?

    VastaaPoista
    Vastaukset
    1. Sun pitää painaa niistä nuolista mitkä on siinä sen laatikon vieressä :-)

      Poista
  16. en onnistunu )); mihin kohtaan se siis pitää laittaa se sun koodis? ));

    VastaaPoista
  17. Kiitos ihan hirveesti tästa oikeesti! :)

    VastaaPoista
  18. kiitos paljon ! mulla ainaki toimi (-:

    VastaaPoista
  19. Nää toimi vaikka mun HTML näytti ihan eriltä :o En oikein osaa selittää <:

    VastaaPoista
  20. Tuli tässä mieleen, että mitä teen kun en saa postaukseeni otsikkoa?:D Vaikka kuinka tekstiä kirjottaessa laitan otsikon (sinne ylös) niin se ei postaukseen tule ja jälkeenpäin, kun meen muokkaamaan mun tekstiä niin se otsikko onkin kadonnut siitä...

    VastaaPoista
  21. minulla ei tule sinne ylös sitä hakukenttää,mitä teen??:)

    VastaaPoista
  22. tästä oli apua ! vaikka piti vähä säätää ko noi koodit on mulla erilaiset jostain syystä ni onnistuin :3 osaatko sanoo miks, ko vaihoin kursorin semmosee tanssivaan pingviiniin mut se ei liiku siinä mun sivulla ?

    VastaaPoista
  23. Toimii kiitti paljon ! ♥

    VastaaPoista
  24. eipä löydy.. se html - koodi on jotekin muuttunut?

    VastaaPoista
  25. ei ollu yhtää mitää apua, tosi epäselvät ohjeet -.-

    VastaaPoista
  26. mää en saa tätä millään toimimaan ://

    VastaaPoista
  27. e löydä sitä "koodi" juttua, siis tota tiettyä..

    VastaaPoista
  28. Mä en löydä sitä "Posts" tekstiä tai sitä koodia tuolta, enkä oo koskenu HTML-juttuihin koskaan ennen, mitä ihmettä? :o Ja se HTML on kuulemma muuttunu jotenki ihmeelliseks ;o

    VastaaPoista
  29. Mitä jos ei löydä sanaa posts? o.o Ennen kyllä löytyi, mutta sillon en osannut saamaan sitä keskelle. Nyt kun sain ohjeet, niin sitten en enää löydä sitä sanaa! Helppiä!?

    VastaaPoista
  30. se ei löydä sitä heading juttua, vaik oon avannu ne KAIKKI nuolet tai ne -.-

    VastaaPoista
  31. voitko tehä jotain postausta siitä uuvesta htlm- koodi jutusta ? haluisin esim just keskittää tuon tekstin otsikon mut se ei onnistu sil ...

    VastaaPoista
  32. Heippa!

    Mun blogistani ei löydy tutota koodia, voisko syy olla se että blogini teemana on simple?
    Osaisitko mitenkään auttaa, muuten bloginne on ollut todella hyödyllinen, kiitos siitä!(:

    VastaaPoista
  33. mulla ei löytyny tota sanaa 'posts', eikä tuota 'laajenna widget-malleja'.
    blogin malli on mun mielestä toi dynaamiset näkymät. osaatko auttaa? :)

    noora-emilia.blogspot.fi

    VastaaPoista
  34. HTML-koodi taitaa olla muuttunut, koska en enää löydä kohtaa mistä keskittää päivämäärän.

    VastaaPoista
  35. mul ei toimi se ku en löyä tota posts juttuu :/ mitä mä teeeeen??? :OO

    VastaaPoista
  36. Kokeilin mutten osannu, joten en jaksa laittaa tota! :'D

    VastaaPoista
  37. En ymmärtäny mitää... Toi ei löydä tota "posts" sanaa )): missä on se "laajenna widget malleja" ? en löydä sitäkää.....

    VastaaPoista
  38. Ite sain ton päivämäärän keskityksen toimii laittamalla sen mallin muokkauksesta "lisää css" boksiin

    VastaaPoista
  39. Siis miks, miks ja miks?!!! Kysyn, että mitä tehdä jos koodii en löydä? Muuten näistä on ollu apua, mutta kun tähän sain vihdoin ohjeita niin tää ei toimi!!

    Että help help help!

    VastaaPoista
  40. HEIHEI! Mulla toimi ainakin otsikon keskittäminen niin, että lisäsin
    Malli--> Mukauta--> Lisäasetukset--> Lisää CSS
    Lisäsin siihen kenttään tämän koodin:

    h3.post-title, .comments h4 {
    font: $(post.title.font);
    margin: .75em 0 0;
    text-align:center;
    }
    }


    Toimi mulla ainakin (:

    VastaaPoista
  41. Hmmm, siis pitääkö kaikki missä näkyy siellä toi ht3post title - kohta, niin siihen tekstin alapuolelle laittaa toi text-align:center;
    }
    }

    Siis ihan niihin ht3 juttuihin kaikkiin alapuolelle toi text-aling juttu?


    Noi ohjeet vois olla ihan vähäsen tarkemman, sillä joillakin (kuten minulla) älykkyysosamäärä on oma kengän numero! :'D Joku tietsikkonero vois tulla kyl jeesaa...

    VastaaPoista
  42. Voisitko vastata kommentteihin, kiitos? :) Olisi kiva saada se otsikko keskitettyä, mutta kun en saa apua mistään, kun et vastannu mun kommenttiin..

    VastaaPoista
  43. Jos haluu keskittää ton otsikon kaikissa postauksissa, pitääks se tehä aina erikseen vai toimiiks se automaattisesti aina kaikkiin?

    VastaaPoista
  44. Multa ei löydy tota koodia... ;/

    VastaaPoista
  45. Ku laiton toho ctrl + f tulevaan hakukenttään posts nii siihe tulee vaa 0/0 ?? :Oo

    VastaaPoista
  46. Mäkään en löytänyt ensin sanaa posts, mutta kun painoin "Muotoile mallia" niin löytyi. Jos se toimisi?

    VastaaPoista

Kiitos kommentistasi ! Jätithän minulle asiallisen kommentin?