-->

04/10/2012

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?

116 comments :

  1. 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.

    ReplyDelete
    Replies
    1. 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.

      Delete
  2. Kiinnostaaaaaa! Haluan olla html nörtti! En vielä ole :)

    ReplyDelete
    Replies
    1. Eli teen sit kaikki uudistukset sitä mukaan kun niitä täällä neuvot :) voit käydä aina tarkastaan onnistuinko ;)

      Delete
    2. Nii, ja miten saa päivämääränkin samaan kohtaa? :)

      Delete
    3. Koitappas samalla kaavalla ja laita koodiksi tämä:

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

      Toimiiko?

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

      Delete
  3. Toki kiinnostaa, näitä lisää!!!

    ReplyDelete
    Replies
    1. Täytyy tehdä muutama muukin. :)

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

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

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

      Satu
      Indie by heart

      Delete
    3. Tuollakin tempulla toimii. :) Etenkin jos on valkoinen tausta muuten.

      Delete
  5. Kyllä kiinnostaa, lisää pliis ;) Tätä täytyy kokeilla, näyttää kivalta otsikko tuossa keskellä! Kivaa viikkistä!

    ReplyDelete
    Replies
    1. Samoin sinne! Lisää tulossa. :)

      Delete
  6. Kiitos vinkistä! Ja kyllä kiitos, lisää näitä :)

    ReplyDelete
  7. Ehdottomasti kiinnostaa! Täällä on aina niin monta jutskaa, mitä ei ite edes hoksaa :)

    ReplyDelete
    Replies
    1. Hyvä juttu! Muutama hyvä vinkki jo mielessä.

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

    ReplyDelete
    Replies
    1. Mitä laitetaan? :DD Hunajaista goes Hello Kitty?

      Delete
  9. Kiinnostavaa ja ihailen muiden koodailutaitoja. Omat hermoni taitavat olla kuitenkin liian lyhyet siihen. :D

    ReplyDelete
    Replies
    1. Tulen jakamaan piakkoin muutamia tooosi helppoja vinkkejä. :)

      Delete
  10. Ilman muuta kiinnostaa, kaikki vinkit ovat tervetulleita!

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

      Delete
  11. 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!

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

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

      Delete
    3. Ja ihkut viikonvaihteet myös sinne!

      Delete
  12. Kiinnostaa ja kiitos tästä sillä tätä olen kaivannut :)

    ReplyDelete
    Replies
    1. Kiva kuulla! :) Hyvin näyttää toimivan. ;)

      Delete
  13. 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?

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

      Delete
    2. 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? ;)

      Delete
    3. 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".

      Delete
  14. Kiitoksia tästä vinkistä :) Ja näitä koodeja saa todellakin vinkkailla!

    ReplyDelete
    Replies
    1. Ok! Pidän mielessä ja korvan takana. Muutamia ajatuksia jo posteista olemassa. :)

      Delete
  15. SUURI ja ISO kiitos!

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

    ReplyDelete
    Replies
    1. Ollos hyvä vain. :) Tulee lisää.

      Delete
  16. Juu hei, näitä ohjeita lisää! :)

    ReplyDelete
    Replies
    1. Kovan kannatuksen vuoksi tulossa. :)

      Delete
  17. 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! :)

    ReplyDelete
    Replies
    1. 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.

      Delete
  18. kiitos!!! lisää vinkkejä kiitos, tätä vois koittaa heti :)

    ReplyDelete
    Replies
    1. Hei sehän onnistui, sitten kun saisi vielä tuon blogin otsikon keskelle ;)) ja pois noi harmaat varjot blogin "reunoilta"....:D :D

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

      Delete
  19. 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

    ReplyDelete
    Replies
    1. Aukeaako sun kommentit tähän tekstin alle vai ponnahdusikkunaan?

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

      oon niin surkee näissä :)

      Delete
    3. 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.

      Delete
    4. Noinko helppoa se on kun vain osaa!!

      Kiitos tuhannesti :)

      Delete
  20. Todellakin kiinnostaa nää blogger vinkit, lisää joo! :)

    ReplyDelete
    Replies
    1. Juuri laitoin lisää ilmoille. :)

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

    ReplyDelete
    Replies
    1. Kiva kuulla! :) Ole hyvä. Teen jatkossakin!

      Delete
  22. Jees! Tää oli ihan huippu! Samoin se päiväyksen keskittämin! :) Kiitos Kaisa <3

    ReplyDelete
    Replies
    1. Kiva, jos oli hyötyä! :) Hienolta näyttää keskitykset sun blogissa!

      Delete
  23. 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...

    ReplyDelete
    Replies
    1. 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. :)

      Delete
  24. Replies
    1. :D Haha. Joo. Kiitti Sita. :) <3

      Delete
  25. Jes, kiitti tästä! Vihdoin sain sen keskelle <3 Ees joku tietää koodin mikä toimii munki ikäkululla koneella :D

    ReplyDelete
    Replies
    1. Loistavaa! Hyvä, että wörkkii. :)

      Delete
  26. kiitoksii iha kauheesti näistä vinkeistä !

    ReplyDelete
  27. 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/

    ReplyDelete
    Replies
    1. Eikä! No hyvä, että vihdoin onnistu. Itsekin oon käyttänyt "jokusen" tunnin pohjaa hieroessa. ;)

      Delete
  28. Vinkit ovat todella hyödylliset :-)

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

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

      Delete
    2. Sainkin tekstit keskitettyä käyttämällä center -koodia :o 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ää!

      Delete
    3. Hienoa! :) Niin totta, siihen pääsee kyllä sisälle, kun jaksaa tarpeeksi tutkiskella. Vaatii vaan "vähän" aikaa ja hermoja!

      Delete
  29. This comment has been removed by a blog administrator.

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

      Delete
  30. miksi mulla se koodi ei pysy siinä CSS:sä? niin outoa? :D

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

      Delete
  31. mulla ei toiminut?! :( siis lisään vaan siihen tyhjään css kenttään ton?

    ReplyDelete
    Replies
    1. 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.

      Delete
  32. Mullakaan ei toimi :/

    idamariaj.blogspot.fi

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

      Delete
  33. ÄÄ 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!♥

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

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

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

    ReplyDelete
    Replies
    1. facebookin* :D

      Delete
    2. Ne on viety ihan kuvina vierekkäin ja linkitetty sivustoille. :)

      Delete
  36. 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

    ReplyDelete
  37. 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 :)

    ReplyDelete
    Replies
    1. Ole hyvä! Ja tuolta vinkeistä löytyy myös se bannerinkeskittämisvinkki. :)

      Delete
  38. 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! :-)

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

    ReplyDelete
  40. Kiitos paljon! Vihdoin onnistui omassakin blogissa :D

    ReplyDelete
  41. Kiitos paljon vinkistä, autto todellakin :)

    ReplyDelete
  42. Kiitti paljon vinkistä! Koitin jonkun toisen blogin ohjeilla keskittää, mut hirveen vaikeeta ö_ö Tää oli paljon yksinkertasempi! :-)

    ReplyDelete
  43. Kiitos!! Olin jo melkein menettänyt toivon...

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

    ReplyDelete
  45. Thank god! Oon tapellu html koodien kanssa vaikka kuinka kauan ja sä onnistuit auttamaan mua näin helposti! Kiitoskiitoskiitos :D

    ReplyDelete
  46. Jos mulla on joku aiempi koodi siinä laatikossa, niin pitääkö se ottaa pois ennen uuden laittamista, vai miten? :)

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

    ReplyDelete
  48. 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

    ReplyDelete
  49. 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ä

    ReplyDelete
  50. 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!:))

    ReplyDelete
    Replies
    1. ^^ Miten saan kommenttiboxiin kommanneiden kuvat pyöreiksi ? :)
      Toivottavasti ymmärsit ;)

      Delete
  51. Miten otsikon värin saa vaihdettua? :O En itse saa millään...

    ReplyDelete