READING

BLOGGER-VINKKI: BANNERIN JA PÄIVÄYKSEN KESKITTÄMIN...

BLOGGER-VINKKI: BANNERIN JA PÄIVÄYKSEN KESKITTÄMINEN

Edelliseen postaukseen tuli sen verran monelta tiedusteluja niin bannerin kuin päiväyksen keskittämisestä, että laitetaan tämä postaus hätiin saman tien. Ihan kiva on tosiaan postausten otsikkojen lisäksi saada nämä kaksi muutakin ojennukseen. :]

Päiväyksen keskittäminen toimii samalla ohjeella kuin edellisen postauksen otsikon keskittäminen. Koodi vaihdetaan vain tähän:

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

Banneria saa puolestaan liikuteltua tällä koodilla:

.header-outer {
margin-left:0px;
}

Tämä lisätään jälleen samaan tyyliin mallin suunnittelutyökalun Lisää CSS -kenttään, minkä jälkeen nollan tilalle voi vaihtaa ihan kokeilemalla oikean numeron. Voit siis liikuttaa banneriasi myös muuhun kohtaan kuin keskelle.

Voit tehdä muutoksista vain toisen tai vaihtoehtoisesti molemmat samalla kertaa, jolloin saat copypeistattua koko rimpsun suoraan tästä:

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

.header-outer {
margin-left:0px;
}

Toivottavasti saatte toimimaan! Hei ja jos haluatte, voitte jättää kommenttilaatikkoon muita muokkausaputoiveita – poimin niistä sitten muutaman omien kykyjeni rajoissa tuleviin Blogger-vinkkipostauksiin.


  1. pihi nainen

    5 October

    Kiitos taas! 🙂

  2. Kati

    5 October

    Hei
    Ihan mielettömän hyvä neuvo ja vinkki!!
    kiitos!

  3. Mervi

    6 October

    Kuinkahan monesti olen tuota yrittänyt ymmärtämättä, mistä se tehdään. KIITOS! tiedätkö, miten tuoton bannerin reunaan saa kuvan?

    • Kaisa

      6 October

      Tee koko banneri jollakin kuvankäsittelyohjelmalla esim. jpg-muotoon teksteineen ja kuvineen päivineen ja tuo se yhtenä kuvatiedostona tuon tekstin tilalle. Ulkoasu->muokkaa (ylätunnisteen alareunassa)->lisää kuva. Ja muista painaa täppä kohtaan “otsikon ja kuvauksen tilalla”.

  4. Sari

    6 October

    voi kiitos! minäkin olen tämän ongelman kanssa paininut usein, joten tästä oli todella paljon apua!
    joten todella paljon kiitoksia vielä!!

    • Kaisa

      6 October

      Eipä mitään! Kiva, että pystyin olemaan avuksi. 🙂

  5. Riikka

    6 October

    minkä kokoisina sun kuvat on?

    • Kaisa

      6 October

      Erittäin suurina. Kuulostaa näsäviisaalta, mutta siis bloggerin asetuksista “erittäin suuri”.

  6. Heidi

    6 October

    kiitos ♥

  7. Anonymous

    6 October

    Kiitos avusta! 🙂 Do you also know how to make a header banner (image) that strectches from the left magin to the right?

    Do you change the width of the figures or how do you manage to get them the same size when you e.g. have two in a row? (it’s ok to answer in Finnish 🙂

    • Kaisa

      7 October

      You’re welcome! No problemos to answer in English. 🙂 Mm, I’m not sure what you mean…? Doesn’t work if you increase the banner image size to extend from margin to margin?

      Yes, I change the sizes manually so that the pics fit to my page. The width I use is “Erittäin suuri” (don’t know what is it in English version, something like “Very large”).

    • Anonymous

      7 October

      Thanks, I will try this! 🙂 Nice with advice about blogging, hope you post more! 🙂

  8. Bella

    8 October

    Hei kiitti! Joka kerta blogia avatessa tätä miettinyt! 🙂

  9. Iltsu

    20 October

    Voi kiitos tooosi paljon! Tämän ongelman kanssa oon tapellut kuukausia, ja nyt sain blogin bannerin keskitettyä. KIIIITOOOS NIIIIIN PAAAALJON <3 🙂

    • Kaisa

      21 October

      Ei mitään! 🙂 Piristävä kommentti! 😀 Mahtavaa, että tästä oli apua.

  10. Terhi

    21 October

    Olet taivaan lahja minulle epätoivon vallassa riutuvalle bloggarille. Kiitos.

    • Kaisa

      24 October

      Haha! 🙂 Ole hyvä! Lisääkin on tulossa ja toiveita voi esittää. 🙂

  11. - emilia

    6 January

    Miks mä en saa tuota onnistumaan 🙁

    • Kaisa NHWY

      27 January

      Höh, mistä lie johtuu? :/ Harmi. Onko sulla mikä Bloggerin pohjista käytössä?

  12. Veera

    26 January

    mä keskitin otsikon eka ja sitteku keskitin päivämäärän nii molemmat ”lähti” ettei ne ennnää oo keskellä….:d

    SMILE-YOU-CAN-DO-IT.BLOGSPOT.COM

    • Kaisa NHWY

      27 January

      Hmm, kummaa. Koititko laittaa ne tuonne CSS:ään molemmat uudestaan?

  13. Rosa Marie

    30 January

    kiitos, oli todellakin apua! 🙂
    Ihanaa kun joku jaksaa auttaa pulassa olevia(;
    http://villasukkamagiaa.blogspot.fi/

  14. Kirsikka

    11 April

    Ihanaa minä sain nyt bannerin keskelle. Kiitos hyvästä ohjeesta

  15. Miimu Ester

    12 April

    Kiitos hirveesti, oon ettiny tähän ohjetta! <3

    Lumipuuteria.blogspot.fi

  16. Jankku

    17 April

    Kiitos tosi paljon tästä ja edellisen postauksen ohjeista! <3 Ihanaa että joku jakaa tyhmille selkeitä neuvoja :3

    • Kaisa NHWY

      18 April

      Eiku viksuille, jotka ei jaksa käyttää ylimääräistä aikaa koodinpätkien parissa. 🙂

  17. Liisa T.

    18 April

    Kiitos paljon Kaisa! 🙂

    Kokeilin omassa blogissa – toimii…

  18. Sonja

    22 April

    Oon jo hirveän pitkään miettinyt, miten nuo kaikki tekstit ja kuvat tonne reunoille saa nuilla hienoilla fonteilla. Sulla ne näyttää tosi kivoilta, osaisitko auttaa mua? 😀

    • Suurin osa fonteista on mulla ihan Bloggerin omia -> kannattaa leikkiä mahdollisimman monen fontin muotoilulla ulkoasun muokkaustilassa (koko, väri ja vahvuus, niin löytyy paras kombinaatio). Lisäksi nykyisin on mahdollista ladata Googlen webbifontteja myös bloggeriin (http://www.codeitpretty.com/2013/02/how-to-install-google-web-fonts-on-your.html) ja tietenkin voi aina käyttää kuvatiedostoja otsikoiden tilalla. Itse kokeilin Googlen fontteja, mutta huomasin, ettei kaikki selaimet toistaneet niitä samalla tavalla, joten annoin olla. Tsemppiä muokkaukseen!

  19. Elina

    4 May

    Pelastit niin mun päivän! 🙂 Oon löytänyt jatkuvasti ohjeita, joista mulle ei oo ollut apua. KIITOS!!

  20. KIITOS todella paljon! <33

  21. Tikamo

    18 July

    Iso kiitos selkeästä ohjeesta!

  22. Essi

    23 July

    Kiitos, nyt mun blogissa on otsikko ja päivämäärä keskitettynä & kuvista rumat reunat poissa. Vielä kaipaisin sitä miten saa päivämäärän ja otsikon lähemmäs toisiaan / välin pienennettyä.

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

  23. Anonymous

    25 July

    Hei! 🙂
    Kiitos vinkistä, mutta miten saa laitettua sitä banneria taas enemmän vasemmalle puolelle? 🙂

    • Kaisa NHWY

      28 July

      Moikka! Vaihdat vain tuota numeroa kokeilemalla (jota ehdotin viiskymppiseksi). Bannerin pitäisi liikkua näin molempiin suuntiin.

  24. Renes Mee

    25 July

    Jokainen vinkkisi jota olen kokeillut on toiminut blogissani! <3 Siitä iso kiitos sinulle, aivan mahtava fiilis kun on monet kerrat yrittänyt jo pitkän aikaa ja nyt onnistui! Kiitos! :3

  25. Oi, tästä oli hyötyä<3 ikinä ennen ei oo toiminu nää vaik oon kuinka kokeillu mut nyt 🙂

  26. Anonymous

    6 August

    En saanut keskitettyä päivämäärää??:((

    • Kaisa NHWY

      7 August

      Höh. 🙁 En osaa valitettavasti auttaa. Pitäisi kyllä tuolla koodilla siirtyä keskelle simple-mallissa.

  27. Jutta

    15 September

    Kiitos tosi paljon näistä ohjeista! Oon yrittäny kauvan keskittää otsikkoa ja päivämärää, mut nyt vihdoin sain ne <3 !

  28. Jasmin O

    18 December

    Mulla toi päivämäärän keskittäminen ei toimi 🙁
    Tiiätkö mikä malli mun blogissa on? Tuskin se simple

    http://jasmundibloggaa.blogspot.fi/

  29. kiitos paljon, tästä oli todella paljon apua 🙂

  30. Voi että, tää on sellanen blogi mistä oon saanu niin paljon apuja mun blogin muokkauksessa. Ja taas kerran tämä onnisti (: muutenkin rakastan tämän blogin ulkoasua, kun se on jotenkin erilainen♥(:

  31. Martina

    13 April

    Voi Kaisa, kiitos MILJOONASTI näistä simppeleistä Blogger-vinkeistä! Näistä on todellakin ollut tosi paljon hyötyä! Ihanaa, kiitos :))))

  32. Ansku

    19 April

    IHANAA! Kiitos kauheasti!! Olen miettinyt tuota ties kuinka kauan ja nyt löysin tänne sinun sivullesi ja ongelmani on vihddoinkin ratkennut! 🙂

  33. Sonja M

    4 June

    Mulla tää ei toiminut :(?
    Ja mulla on Simple ?

  34. Sanna

    8 September

    apua sä et varmaan vastaa enää mutta miten saisin blogin postauksen otsikon keskitettyä 😮

  35. Tilda Hytönen

    9 October

    Hyviä ohjeita jakelet, mutta osaisitkohan auttaa mua yhdessä jutussa.

    Haluaisin nimittäin mun blogin päivämääräotsikon tälläiseen muotoon esim. “9 OCTOBER, 2016 – 11:21”, mutta ensinäkin en tiedä miten saan päivämäöärotsikon isoilla kirjaimilla ja toisekseen en tiedä miten saan kellonajan näkyviin myös tuon päivämäärän kanssa. Pystytkö auttamaan?

    • Kaisa

      14 October

      Moikka! No nyt on jo vuosia aikaa omasta Bloggerin käytöstä, joten valitettavasti en osaa auttaa. Googlettamalla löytynee varmasti!

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