READING

BLOGGER-VINKKI: OTSIKON KESKITTÄMINEN

BLOGGER-VINKKI: OTSIKON KESKITTÄMINEN



1) Klikkaa omalta “takasivulta” Malli->Mukauta->Lisäasetukset.
2) Avaa alin kohta Lisää CSS.
3) Lisää kenttään seuraava koodinpätkä:

h3.post-title{
text-align:center;

}

 4) Paina Käytä blogissa.

Pitäisi toimia useimmissa Bloggerin malleissa (ainakin simplessä, jota käsittääkseni suurin osa käyttää). Saatteko onnistumaan? Ja vielä ihan pieni gallup loppuun: kiinnostaisiko jatkossa vastaavat pienet Bloggerin koodivinkit?


  1. Heidi Bon Bon

    4 October

    Kyllä kiinnostaa!!
    Tämä otsikon keskittäminen oli ihan tuttu, vaikka unohtunut jo.
    Mut miten sä saat ton tekstin alkamaan ja loppumaan kuvan reunojen mukaan? Se on mulle ollut aina vähän hakusessa. Omasta mielestä siistimmän näköstä, kun tekstit ja kuvat kulkevat samassa.

    • Kaisa

      4 October

      Muistan jumpanneeni tuota itsekin jonkin verran silloin muokkausvaiheessa ja erinäisten kokeilujen tuloksena siinä onnistuin. Nyt en muista kirveelläkään, mikä komento oli kyseessä. Tämä on parempi koittaa googlata, etten neuvo koko html:ää sekaisin.

  2. Nanna

    4 October

    Kiinnostaaaaaa! Haluan olla html nörtti! En vielä ole 🙂

    • Nanna

      4 October

      Eli teen sit kaikki uudistukset sitä mukaan kun niitä täällä neuvot 🙂 voit käydä aina tarkastaan onnistuinko 😉

    • Nanna

      5 October

      Nii, ja miten saa päivämääränkin samaan kohtaa? 🙂

    • Kaisa

      5 October

      Koitappas samalla kaavalla ja laita koodiksi tämä:

      .date-header {
      text-align:center;
      }

      Toimiiko?

    • Anonymous

      4 January

      Jes! sain vihdoin ja viimein keskitettyä blogini päivämäärän sun neuvomien ohjeiden mukaan :)!
      ja kiinnostaa! sulla on aivan huippu blogi ! 🙂

  3. Anonymous

    4 October

    Toki kiinnostaa, näitä lisää!!!

    • Kaisa

      4 October

      Täytyy tehdä muutama muukin. 🙂

  4. Fanni Pauliina

    4 October

    Kyllä kiinnostaa!! Varsinkin tämä bannerin keskittäminen 😀 Ja en kyllä valitettavasti saanut tätä sun neuvoa toimimaan mun blogissa :/

    • Kaisa

      4 October

      Kiva kuulla! Tämä ohje keskittää tekstin otsikon, täytyypäs tehdäkin muuten toinen postaus bannerin keskittämisestä.

    • indie by heart

      4 October

      Minäkään en osaa sitä keskittää, joten lisäsin vaan kuvaan vähän valkosta vasempaan laitaan 😀 No, toimi tuolleinkin!^^

      Satu
      Indie by heart

    • Kaisa

      5 October

      Tuollakin tempulla toimii. 🙂 Etenkin jos on valkoinen tausta muuten.

  5. Saska

    5 October

    Kyllä kiinnostaa, lisää pliis 😉 Tätä täytyy kokeilla, näyttää kivalta otsikko tuossa keskellä! Kivaa viikkistä!

    • Kaisa

      5 October

      Samoin sinne! Lisää tulossa. 🙂

  6. pihi nainen

    5 October

    Kiitos vinkistä! Ja kyllä kiitos, lisää näitä 🙂

  7. Nipsu

    5 October

    Ehdottomasti kiinnostaa! Täällä on aina niin monta jutskaa, mitä ei ite edes hoksaa 🙂

    • Kaisa

      5 October

      Hyvä juttu! Muutama hyvä vinkki jo mielessä.

  8. Riikka

    5 October

    Tuutko tekeen mulle uuden ulkoasun? 😀 Ei uskois et opiskelin sovelluskehitystä, en osaa blogiani edes tehdä sellaiseksi mitä haluisin :DDD

    • Kaisa

      5 October

      Mitä laitetaan? :DD Hunajaista goes Hello Kitty?

    • Riikka

      6 October

      ahhahah, ois paha 😀

  9. Emppu

    5 October

    Kiinnostavaa ja ihailen muiden koodailutaitoja. Omat hermoni taitavat olla kuitenkin liian lyhyet siihen. 😀

    • Kaisa

      5 October

      Tulen jakamaan piakkoin muutamia tooosi helppoja vinkkejä. 🙂

  10. -anu-

    5 October

    Ilman muuta kiinnostaa, kaikki vinkit ovat tervetulleita!

    • Kaisa

      5 October

      Hyvä tietää! Tämä on saanut nyt sen verran kannatusta, että aion tosiaan postailla samoista aihesta jatkossa.

  11. Rimma

    5 October

    Oi toudellakin! Heti menin ja pistin otsikot uusiksi. Vois iteki tähän IT-alan työläisenä paneutua, mutta ku ei muka oo aikaa. Kiitos Kaisa!

    • Rimma

      5 October

      Google on kiva kaveri, joten sain muutettua päivämäärät keskelle samaan syssyyn. Kivaa viikonloppua!

    • Kaisa

      5 October

      Google on koodaajan paras kaveri. 🙂 Yrityksen ja erehdyksen kautta on tämäkin sivu tehty. :=)

    • Kaisa

      5 October

      Ja ihkut viikonvaihteet myös sinne!

  12. Milma

    5 October

    Kiinnostaa ja kiitos tästä sillä tätä olen kaivannut 🙂

    • Kaisa

      5 October

      Kiva kuulla! 🙂 Hyvin näyttää toimivan. 😉

  13. Netta

    5 October

    Kiitos, mä olen pohtinut, että miten tää käytännössä tehdään. Olin superiloinen, kun löysin koodin, jolla sain poistettua ne varjostukset kuvista sekä muista sivuelementeistä, mut siihen loppui mun Css-alkeiden opiskelu. Mua kiinnostaisi kovasti, kuinka olet saanut muutettua fontin esim. tuosta viimeisimmät ns.automaattisesta ruudusta? Mulla se muokkaa siihen ilmeisesti arialin, vaikka en ole missään asetuksissa määrittänyt sitä blogin fontiksi?

    • Kaisa

      5 October

      Hmm, joo tuon voisin muuten opastaa kaikille. Varmasti moni pähkäilee tuota. Hetkonen, mikäs automaattinen ruutu..?

    • Netta

      7 October

      Siis, tuo “edelliset” ruutu, se mihin päivittyvät kaikki blogin viimeisimmät tekstit. Sulla on siinä kauniisti samat fontit ja nuo ihanat katkoviivat niin kuin muuallakin – mulla vastaavanlainen muuttuu tyhmästi arieliksi. En tiedä ollaanko “rakennettu” ruutu samallalailla, itse poimin sen bloggerista.

      Nyt kun päästiin tässä keskustelussa alkuun 🙂 mitenköhän saisi muutetttua sitä asetusta, että kommentin jättäjä saisi halutessaan jatkokommentin sähköpostiinsa. Muutamassa blogissa olen sen nähnyt ja etsin sitä omankin blogin asetuksista, anyone? 😉

    • Kaisa

      10 October

      Hmm, juu en poiminut tuota silloin aikoinaan Bloggerista (olisin kyllä poiminut, jos olisi tuohon törmännyt). Koitappa tuolta lisää CSS:n kautta, muuttuuko fontti siinä alla esikatselussa, jos laitat seuraavan koodin:

      #Gadget1 {
      font-family: verdana
      }

      Tai vaihda tuon Verdanan tilalle fontti, jonka Blogger tunnistaa. Jos vaihtuu, niin käytä Blogissa. Voit kokeilla myös font-familyn tilalla pelkkää font-sanaa.

      Sun kommenttilootan alapuolelta saa tilattua jatkokommentin s-postiin. 🙂 Eli homma toimii jo nyt: “Tilaa sähköpostitse”.

  14. Jonna

    5 October

    Kiitoksia tästä vinkistä 🙂 Ja näitä koodeja saa todellakin vinkkailla!

    • Kaisa

      5 October

      Ok! Pidän mielessä ja korvan takana. Muutamia ajatuksia jo posteista olemassa. 🙂

  15. SUURI ja ISO kiitos!

    Lisää näitä….kaikki millä saisi blogista selkeämmän, siistin, kauniin ja vielä toimivamman niin vinkkejä vaan. 🙂

    • Kaisa

      5 October

      Ollos hyvä vain. 🙂 Tulee lisää.

  16. Aada

    5 October

    Juu hei, näitä ohjeita lisää! 🙂

    • Kaisa

      5 October

      Kovan kannatuksen vuoksi tulossa. 🙂

  17. K

    5 October

    Kiitos vinkistä!! Nyt on vaan kaamee onkelma ku kerkesin ton otsikon rustata kohillensa mutta päivämäärät vaan sitkeästi jököttää paikallans. Väärällä paikalla eli siellä vasemmalla. Koitin tota päivämäärän keskityskoodia, mut ei auttanut…

    Tosi kiva kun jaat tämmösiä vinkkejä. Me ei-niin-nörtitkin koemme olevamme tosi taitavia kun jotain css-koodeja muunnellaan ihan tost noi vaan! 🙂

    • Kaisa

      5 October

      Jos haluat, niin saat sen otsikon takaisin vasemmalle tekemällä saman operaation, mutta vaihtamalla sanan center tilalle left. Tai sitten vaan koitappa uudestaan toisen kerran, joskus saattaa tökkiä myös Blogger.

  18. Heidi

    5 October

    kiitos!!! lisää vinkkejä kiitos, tätä vois koittaa heti 🙂

    • Heidi

      5 October

      Hei sehän onnistui, sitten kun saisi vielä tuon blogin otsikon keskelle ;)) ja pois noi harmaat varjot blogin “reunoilta”….:D 😀

    • Kaisa

      5 October

      Bannerin ja päiväyksen keskittämisestä tulossa seuraava postaus!

  19. Anonymous

    5 October

    Juu kiitos lisää vinkkejä mielellään!!

    Ihan hirveän kiva jos neuvoisit, kuinka tuon VASTAA-toiminnon saisi omaan kommenttiboksiin 🙂
    Silloin kun oli tarjolla, en tajunnut ottaa ja nyt en sitä mistään osaa laittaa. Kiitos jo etukäteen jos viitsit!

    Kirsi

    • Kaisa

      5 October

      Aukeaako sun kommentit tähän tekstin alle vai ponnahdusikkunaan?

    • Anonymous

      6 October

      Ilmeiesti ponnahdusikkunaan, silleen uusi pieni ruutu ilmestyy kun kommetoi-tejstiä painaa.

      oon niin surkee näissä 🙂

    • Kaisa

      6 October

      Kokeileppas vaihtaa se asetuksista –> tekstit ja kommentointi –> kommenttien sijainti –> upotettu. Elikä kohdasta, jossa sulla varmaankin nyt lukee ponnahdusikkuna. Silloin kommentit avautuu suoraan tekstien alle ja ominaisuus on käsittääkseni vakio tässä mallissa.

    • Kikka

      6 October

      Noinko helppoa se on kun vain osaa!!

      Kiitos tuhannesti 🙂

  20. Pohjoisenpoika

    5 October

    Todellakin kiinnostaa nää blogger vinkit, lisää joo! 🙂

    • Kaisa

      5 October

      Juuri laitoin lisää ilmoille. 🙂

  21. Viivi

    5 October

    Pieni asia, mutta suuri merkitys! Kiitos avusta! 🙂 Näitä vinkkejä lukisin minäkin mielelläni jatkossakin. 🙂

    • Kaisa

      5 October

      Kiva kuulla! 🙂 Ole hyvä. Teen jatkossakin!

  22. Monna

    11 October

    Jees! Tää oli ihan huippu! Samoin se päiväyksen keskittämin! 🙂 Kiitos Kaisa <3

    • Kaisa

      11 October

      Kiva, jos oli hyötyä! 🙂 Hienolta näyttää keskitykset sun blogissa!

  23. Terhi

    21 October

    Sinulla on aivan ihana tämä blogi. Itse olen aivan käsi tämän bloggerin kanssa, en uskalla tehdä yhtäkään muutosta ilman pelkoa että kaikki häviää taivaan tuuliin. Voisitko mahdollisesti auttaa minua tekemään sivustani paremman, koska itse en kertakaikkiaan osaa. Jos sinua kiinnostaa ylimääräinen työ, niin laita postia weetis@gmail.com, niin jutellaan lisää. Olen oikeasti epätoivoinen…

    • Kaisa

      24 October

      Voi kiitos! Suurin osa muutoksista onnistuu turvallisesti omalta “takasivulta” Malli->Mukauta->Lisäasetukset. Tuolla kun kokeilee eri juttuja, ei voi saada mitään peruuttamatonta aikaiseksi. 🙂 Siinä näkee suoraan kaikki muutokset esikatseluna alapuolella ja ne realisoituu vasta, kun klikkaa käytä blogissa. Jos on jotakin spesifimpää mielessä, niin otan mielelläni vastaan postaustoiveita ja teen niitä kaikkien iloksi. 🙂

  24. Sita

    14 November

    Kaisa nää oot nero <3

    • Kaisa

      22 December

      😀 Haha. Joo. Kiitti Sita. 🙂 <3

  25. Mimmu

    22 December

    kiitti tästä !<3

  26. Lili

    3 February

    Jes! Kiitti! 😀

  27. Iida

    10 March

    Jes, kiitti tästä! Vihdoin sain sen keskelle <3 Ees joku tietää koodin mikä toimii munki ikäkululla koneella 😀

  28. Anonymous

    15 April

    kiitoksii iha kauheesti näistä vinkeistä !

  29. Meri

    18 April

    Varmaa 2 tuntii koht ettinny ja koittanu eri ohjeita, mut sit tuli tää ja vihdoin löyty se helppo joka toimi eikä menny ku pari minuuttii. Kiitos kauheesti♥

    http://meriihh.blogspot.fi/

    • Kaisa NHWY

      18 April

      Eikä! No hyvä, että vihdoin onnistu. Itsekin oon käyttänyt “jokusen” tunnin pohjaa hieroessa. 😉

  30. Cami

    24 April

    Vinkit ovat todella hyödylliset 🙂

    Millään en saa oikean palstan tekstejä keskitettyä..Oon ettiny kissojen ja koirien kanssa ratkasua mutta ei..
    Osaatko auttaa :/ ?

    • Kaisa NHWY

      26 April

      Kiva, jos on ollut apua. Voit koittaa etsi html:stä oikean sivupalkin ja lisätä sinne komennon text-align: center. Sillä pitäisi onnistua!

    • Cami

      26 April

      Sainkin tekstit keskitettyä käyttämällä center -koodia 😮 Ihan hämmentävä tämä Bloggerin HTML kun en ymmärrä siitä pätkääkään, mutta jos oman sivun lähdekoodia tutkii niin se on helppo ymmärtää. Bloggerin HTML-koodit eroaa täysin sivujen lähdekoodista..hämmentävää.. :/

      o/ Yksi lukija lisää!

    • Kaisa NHWY

      9 June

      Hienoa! 🙂 Niin totta, siihen pääsee kyllä sisälle, kun jaksaa tarpeeksi tutkiskella. Vaatii vaan “vähän” aikaa ja hermoja!

  31. Sakke

    5 May

    This comment has been removed by a blog administrator.

    • Sori Sakke, poistin kommenttisi vahingossa! Nyt en saa sitä enää palautettua. Mikä olikaan kysymyksesi?

  32. Anna-Maija

    10 May

    miksi mulla se koodi ei pysy siinä CSS:sä? niin outoa? 😀

    • Kaisa NHWY

      9 June

      Ai ei vai? Outoa! Ja varppina muistit tallentaa homman, ennen kuin siirryit takasin bloggerin normisivulle?

  33. Anonymous

    5 June

    mulla ei toiminut?! 🙁 siis lisään vaan siihen tyhjään css kenttään ton?

    • Kaisa NHWY

      9 June

      Höh, mikähän siinä sitten. :/ Pitäisi toimia tosiaan vaan lisäämällä tyhjään kenttään tuo ja heti siinä alapuolella esikatselussa otsikon siirtyä keskelle. Tallennus ja homman pitäisi olla kunnossa.

  34. Ida

    18 June

    Mullakaan ei toimi :/

    idamariaj.blogspot.fi

    • Kaisa NHWY

      23 June

      No voi damn. Toivottavasti löytyy joku toinen ohje!

  35. helmi

    23 June

    ÄÄ oot ihana! Siis kun nyt on toi uus html-koodi niin en oo saanu mallillani (picture window) näitä keskityksiä toimimaan mutta nyt toimi!! Jes!♥

  36. Sara N

    28 June

    miten tuon päivämäärän saa keskitettyä? ;o

    • Kaisa NHWY

      30 June

      Löytyy seuraavasta postauksesta tai yläpalkin alta (blogger-vinkit).

  37. Anonymous

    1 July

    miten oot saanu noi facbokin ja muut kontaktit näkymään tollei?(:

    • Anonymous

      1 July

      facebookin* 😀

    • Kaisa NHWY

      1 July

      Ne on viety ihan kuvina vierekkäin ja linkitetty sivustoille. 🙂

  38. Essi

    23 July

    Jes! Nyt vihdoin sain otsikon keskitettyä, kun ei tarvinnut alkaa sörkkimään HTML-koodeja:) Kiitti tosi paljon!

    http://let-your-imagination-fly.blogspot.fi

  39. Krista

    29 July

    Onnistui kiitos! 🙂

  40. Kiitos vinkistä! Hirvitti syöttää tuota koodia, koska olen niin skeptinen, että pelkään, että koko blogi menee pilalle tai jotain muuta kaamea tapahtuu 🙂 Ja sitäpaitsi etsin vinkkiä siitä, miten bannerin saa keskelle ja näin yömyöhään luulin, että tää sun juttu tarkoitti sitä… Mun väärinkäsitys siis, mutta hyvä sellainen, koska on aika kiva, että postausten otsikot on keskellä. Kiitos avusta 🙂

    • Kaisa NHWY

      15 August

      Ole hyvä! Ja tuolta vinkeistä löytyy myös se bannerinkeskittämisvinkki. 🙂

  41. Riikka

    11 August

    jes. kiitos!!

  42. Fanny-Mari Jankkila

    21 September

    Kiitos tuhannesti tästä, oon etsinyt kaikista blogeista esim bloggerpulmia, koodikielellä ja monesta muusta blogista tätä, mutta ei ole onnistunut. Nyt kuitenkin onnistui, kiitos! 🙂

  43. Henna ♥

    22 September

    mulla ei toimi,jos on laittanut css:ään jo esim sen kuvien varjostuksien poiston :/ mikä mahtais olla syynä?

  44. Kira Eskelinen

    28 September

    Kiitos paljon! Vihdoin onnistui omassakin blogissa 😀

  45. Katariina

    4 October

    Kiitos vinkistä! 🙂

  46. Kiitos paljon vinkistä, autto todellakin 🙂

  47. KristaGrauh

    12 October

    Kiitti paljon vinkistä! Koitin jonkun toisen blogin ohjeilla keskittää, mut hirveen vaikeeta ö_ö Tää oli paljon yksinkertasempi! 🙂

  48. Kati

    21 October

    Kiitos!! Olin jo melkein menettänyt toivon…

  49. Anonymous

    7 November

    Vihdoin joku oli kirjoittanut lyhyesti ja selkeästi toimivan ohjeen!♥

  50. Anonymous

    16 November

    Thank god! Oon tapellu html koodien kanssa vaikka kuinka kauan ja sä onnistuit auttamaan mua näin helposti! Kiitoskiitoskiitos 😀

  51. Jasmin O

    18 December

    Mulla toi ei onnistunut 🙁

  52. Salla

    19 December

    Jos mulla on joku aiempi koodi siinä laatikossa, niin pitääkö se ottaa pois ennen uuden laittamista, vai miten? 🙂

  53. Anonymous

    4 January

    Sun ohjeiden mukaan sain vihdoinkin keskitettyä päivämäärän! : ) kiitti
    ja toki kiinnostaa 🙂

  54. Nelli Linden

    6 January

    Mulla onnistuu mutta se muuttaa samalla mun otsikon fontin ja koon pienemmäksi enkä halua sitä. Vaikka sen jälkeen yrittää asetuksia laittaa nii ei onnistu ? Miksi

  55. Iida Lyytikäinen

    12 February

    Kiitos kiitos kiiitos kiiiiitttooooooooss!!! oon ettiny otsikon keskittäistä pitkään ja aiemmin testaamani menetelmät eivät toimineet!toimi picture windowsissa 🙂 jaa vaan lisää vinkkejä

  56. Queen Ariel

    21 February

    Hei, voisitko neuvoa kuinka tuommoiset ihanat pyöreät kuvakkeet saa blogiinsa niinkuin sinulla esim. noissa suosituimmat teksti-kohdassa?:)) Sekäå tommosia kivoja pisteviivoja ym. Onko tämä blogin malli jokin erikoinen?:)) Kiitos jo etukäteen!:))

    • Laura

      17 March

      ^^ Miten saan kommenttiboxiin kommanneiden kuvat pyöreiksi ? 🙂
      Toivottavasti ymmärsit 😉

    • Aino

      16 August

      Mäkin haluaisin tietää 😀

  57. This comment has been removed by the author.

  58. Mitenkäs,jos haluaa että kuvissa ei ole reunoja ja otsikko on keskitetty

  59. Kiitos paljon! Olen ettiny tätä kauan ja löysin kerrankin! Kiitos paljon!<3

  60. Ilona

    23 June

    Kiitos tosi paljon, oli apua! :)))

  61. Aino

    16 August

    Tietääkö joku miten saa isommat gadgettien otsikot ilman että päivämäärä otsikkokin muuttuu tai sitten miten saisi hienot gadgettien otsikot 😀

  62. Annina

    26 April

    KIIITOS! Olet oikea enkeli tän postauksen kanssa!!

  63. Emma

    28 April

    Kiitos todella hyvästä neuvosta!♥♥♥♥

Your email address will not be published. Required fields are marked *