lauantai 5. syyskuuta 2015

Uudemmat ja vanhemmat -tekstien tilalle nuolet

Tällä haetaan siis tätä:



JA MITEN BLOGIIN?

1. Tee/lataa jostain kuvat (esim. nuoli), jotka haluat Uudemmat ja Vanhemmat -tekstien tilalle. Nuolia ilman taustaa löytää esimerkiksi Iconfinderistä hakusanalla arrow.
2. Lataa kuvat esim. Photobucketiin. Tässä postauksessa kerrotaan Photobucketista.
3. Mene Malli > Mukauta > Lisäasetukset > Lisää CSS:ään alla olevat koodit:


.blog-pager-older-link:after {
content: url('TÄHÄN SE KUVA JONKA HALUAT VANHEMMAT TEKSTIEN TILALLE');
}


.blog-pager-newer-link:before {
content: url('TÄHÄN SE KUVA JONKA HALUAT UUDEMMAT TEKSTIEN TILALLE');
}

#Blog1_blog-pager-older-link{
color:transparent;
}

#Blog1_blog-pager-newer-link{
color:transparent;
}


4.  Tallennat & valmista tuli! :)

58 kommenttia:

  1. Hei kiitos blogisi olemassa olosta, on nimittäin auttanut kiperissä tilanteissa suuresti..♥ Onko sinulla postausta siitä, kuinka blogiin saisi lisättyä tuon ''takaisin ylös'' -napin alanurkkaan? :) Tai olisiko sinulla linkata mitään sivua, mistä ohjeet löytäisi Suomen kielellä?

    VastaaPoista
    Vastaukset
    1. Kiitos paljon Aino <3!

      Täältä pitäisi löytyä :)
      http://blogikoodeja.blogspot.fi/2013/10/oikeaan-alareunaan-ilmaantuva-nuoli.html

      Poista
  2. Osaisitkos auttaa, miten sais postausten väliä pienennettyä? Mulla on nimittäi aika kivankokone rako siinä, et jos sitä vähä pienemmäks sais :-D

    http://thinkpositive-roosa.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Moi! Lisää nää koodit blogisi CSS:ään ja muokkaile numeroita tarvittaessa :)

      .post{
      margin-top: -20px;
      }

      .date-header{
      margin-top: -20px;
      }

      Poista
  3. Miten blogitekstit ja gadgetit saa erilleen toisistaan kuten tässä blogissa? http://thexxxi.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Lisää nää koodit CSS:ääN:

      .sidebar .widget {
      border:3px solid transparent;
      background: white;
      padding:10px;
      }

      .post{
      background: white;
      padding: 12px;
      }


      .sidebar{
      background: transparent;;
      }

      Koodien arvoja voi muokata haluamakseen. Näiden lisäksi sun tulee mallin suunnittelutyökalussa säätää ulomman taustan ja päätaustan värit tismalleen samaksi.

      Poista
  4. Miten päivämäärän saa takaisin blogiin? Huomasin just, että mulla ei oo enää päivämääräotsikkoa.

    VastaaPoista
    Vastaukset
    1. Moi Jenni!

      Tähän on kaks vaihtoehtoa, joista yleensä vaan toinen toimii.

      a) meet ulkoasu > blogitekstit > ruksitat sieltä päivämäärän

      b) malli > mukauta > lisää CSS:ään alla oleva koodi:
      .date-header{
      display: block;
      }

      Toivottavasti jompikumpi noista jelppaa!

      Poista
    2. Kumpikaan ei toiminut :/ Pystyisitkö katsomaan onko mun blogissa joku koodi väärin vai miksi ei toimi?

      http://diconomise.blogspot.fi/

      Poista
    3. Moi! Ongelma löytyi sun lähdekoodista - olit laittanut päivämäärän liian alas, joten se oli ns. jäänyt valkoisen blogitekstin alle.

      Poista
  5. Hei, tiedän et tää ei kuulu tähän ollenkaan, mut osaatko auttaa tässä ongelmassa.. uudessa postauksessa on päivämäärä, mutta vanhasta se lähtee aina pois.. tässä blogini jossa ongelma näkyy.
    http://roosa-mariina.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Hei! Oon tosi pahoillani, että vastaan yli kuukauden myöhässä! Linkin takaa ei kuitenkaan enää löydy blogia, joten en pääse käsiksi ongelmaan blogin HTML-koodin kautta - meinaan, ongelma on mulle ihan uusi, joten HTML-koodi olisi tärkeä osa ongelman ratkaisua :/

      Poista
  6. Osaisitkohan auttaa.. :) Tahtoisin blogin alaosasta ne harmaat pallot pois, mutta en löydä HTLM -koodista sitä muokattavaa pätkää:

    .blog-pager {
    background: $(paging.background);
    }

    Hain haulla ym, mutta ei sitä vain ole? Eikä ne lähde pois lisäämällä koodia CSS:äänkään! :(

    VastaaPoista
    Vastaukset
    1. Moi! Sulta kyllä löytyy tällainen koodi HTML:stä:
      .blog-pager {
      background: transparent url(//www.blogblog.com/1kt/simple/paging_dot.png) repeat-x scroll top center;
      }

      muuta se tähän muotoon:
      .blog-pager {
      background: transparent;
      }

      Poista
  7. Mitenköhän saisi noi sivupalkit erilleen ja välit otsikoiden alapuolelle, kuten tässä http://ponitarinoita.blogspot.fi/ blogissa? Kiitos kovasti jos autat :)

    VastaaPoista
    Vastaukset
    1. Moi! Tää on monimutkaisempi juttu, joten en ala selittämään tätä sen tarkemmin, vaan annan valmiiks muokattavat koodit.

      .main-inner{
      background:#d1b9f2;
      }

      .content-inner{
      background:#d1b9f2;
      }

      .sidebar{
      background:white;
      padding: 15px;
      }

      .post{
      background:white;
      padding: 25px;
      }

      .post-body{
      margin-top: -30px;
      }

      Poista
  8. Moikka! Kaipaan pieneen, todennäköisesti aivan yksinkertaiseenkin asiaan pientä apua.

    Painan postauksen alatunnisteen "ei kommentteja" -linkkiä ja vastassa ovat tekstit "Ei kommentteja:" ja "Lähetä kommentti". Ongelmana on, että näiden tekstien fontit ja koko ovat aivan erilaisia kuin muut blogissani olevat tekstit. Minkälaisella koodilla näitä "Ei kommentteja:" ja "Lähetä kommentti" saa ulkonäöllisesti (fontti, koko) muokattua?

    Toivottavasti ymmärsit ja osaat auttaa!

    VastaaPoista
    Vastaukset
    1. Moi!

      Tällä "Lähetä kommentti":
      .comment-form{
      text-transform: uppercase;
      font-family: times;
      color: blue;
      }

      Ja kun olet lisännyt tuon ensin, saat muutettua tällä "Ei kommentteja":
      h4{
      text-transform: uppercase;
      font-family: times;
      color: blue;
      }

      Poista
    2. Heippa, miten saisi nuo yllämainitut kohdat alatunnisteesta kokonaan pois? :)

      Poista
    3. Siis haluat "lähetä kommentti" ja "ei kommentteja" pois? Hoituu näillä koodeilla:

      .comment-form{
      display:none;
      }

      h4{
      display:none;
      }

      Poista
  9. Tiedätkö miten gadgetit blogitekstit saa kehystettyä erikseen ja niihin kaikkiin vielä taustakuvan? En nyt löydä esimerkkiblogia, mutta toivottavasti ymmärsit:D

    VastaaPoista
    Vastaukset
    1. Auttaisko tää? :-)

      Poista
    2. http://blogikoodeja.blogspot.fi/2015/01/kehystaminen-borderit-halutuille.html?m=1
      Linkki unohtu... :-D

      Poista
    3. Juu tuo auttaa, kiitos:D Vielä, jos joku tieteäisi miten saisi nuo taustakuvat?:D

      Poista
    4. Ja saisikon noita kehystyksiä vielä pyöristettyä?

      Poista
    5. http://koodikielella.blogspot.fi/2013/09/blogin-kulmien-pyoristys.html?m=1

      En tiiä pystyiskö tätä käyttää apuna. Siis niin että lisää tuon kulmien pyöristyksen koodipätkän sinne kohtaan, missä HTML:ssä on gadgeteista kyse? :-)

      Poista
    6. Kiitos Anonyymille vaivannäöstä! Tarvitsetko Silkku vielä jelppiä?

      Poista
  10. Moikka! Oon jo muutamat päivät googletellut ilman tuloksia joten siksi kysynkin sulta apua... Elikkäs osaatkos neuvoa miten saisi gadgettien otsikoihin ns. yliviivauksen kuitenkin ilman niin, ettei se yliviivaa itse otsikkoa. Eli siis viivat otsikon molemmin puolin sivupalkin leveyden mukaan. Olipas vähän hankala selitys, mutta toivottavasti ymmärsit :)

    VastaaPoista
    Vastaukset
    1. Tää on tosi monimutkainen juttu, ja tää pitää tietääkseni suorittaa HTML-koodin kautta ei CSS-rakenteisella koodilla. Lisäksi kommenttiboksiin ei pysty laittamaan HTML-muotoista tekstiä :/ En myöskään ole juuri perillä HTML-koodista, joten tässä asiassa en valitettavasti oikein osaa auttaa. Oon ennemmänkin CSS-koodari, pahoittelut :/!

      Poista
  11. Miten otsikkoon saa alleviivaukseen, joka vähänniinkuin "kasvaa siihen"? Ainakin tässä blogissa pitäisi olla: http://tiiajamaistro.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Täällä postaus aiheesta; http://blogikoodeja.blogspot.fi/2013/11/tekstin-otsikon-alleviivaantuminen.html

      Poista
  12. MOI! Miten voi laittaa videon blogiin youtuben kautta mutta se ei saa näkyä youtubessa?

    www.iitakristiina.blogspot.fi

    VastaaPoista
    Vastaukset
    1. Moi! Siten, että ladatessasi videota valitset julkisen tilalta piilotettu, jolloin vain linkin saaneet voivat katsoa videon, eli videota ei voi löytää YouTubesta :-)

      Poista
  13. kiitos näistä koodeista! ovat auttaneet todella paljon blogini muokkauksessa :-)

    VastaaPoista
  14. Hei! Osaatko neuvoa mikä mättää, kun ylimmässä postauksessa pvm:n ja otsikon väli on OK, mutta alemmissa postauksissa otsikon ja pvm:n väli suureenee huomattavasti?
    http://idamariaankkuri.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Hello! Tuo ongelma ratkesi jo, mutta nyt kysyisin miten saisin kategorioista mustat pallot pois edestä...?! Tarvisin pikaista apua.. Kiitos paljon jo etukäteen:)

      Poista
    2. Moi! Hienoa, että sait asian itse kuntoon! Koitas tätä:
      .post-labels{
      display: block;
      }

      Poista
    3. Blääh.. ei toimi:// Kiitos kuitenkin ! :-)

      Poista
  15. Moikka! :)
    Mulla on pieni ongelma mun ylävälilehtien kanssa. Haluaisin keskittää ne, mutta se jää tolleen tyhmästi vasempaan :/ Käy kattomassa mun blogi linkistä, jos tietäisit että mikä siinä on vikana!
    http://livefearlessly-ellen.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Moikkamoi! :)
      Testaas tätä koodia:

      .tabs-inner .widget li a {
      margin-left: 90px;
      border:none;
      }

      ja lukua 90 voi muuttaa :-)

      Poista
  16. Heippa! Mulla on blogissa semmoinen ongelma, että nuo alhaalla olevat napit (uudemmat tekstit, etusivu ja vanhemmat tekstit) eivät toimi ollenkaan. Ne on vaan siellä alhaalla niinku tekstinä eikä niitä pysty klikkaamaan. Osaatko sanoa, mikä mahdollisesti on vikana? D: Kiitos paljon avusta jo etukäteen :-)

    http://henetsu.blogspot.fi

    VastaaPoista
    Vastaukset
    1. Moi! Ongelma johtuu luultavasti jostain virheellisestä koodista, jonka oot blogiisi lisännyt tai sitten HTML kiukuttelee, jos oot sinne lisännyt jonkin koodin :D Mutta siis, suosittelen kopsaamaan CSS-boksin koodit ja nollaamaan mallin valitsemalla uuden mallin / saman mallin uudestaan, nimittäin se toimii lähes aina näissä tapauksissa, vaikka onkin kovatöistä lähtä muokkaamaan mallia kokonaan uudestaan :/

      Poista
    2. Jep, palautin blogin alkuperäiseen muotoonsa ja tein kaikki muutokset uudelleen. Samalla löysin sen ongelman aiheuttajankin. Jos poistan oli se sitten CSS:n tai HTML-koodin kautta tuon Tilaa blogitekstit (Atom)-blogin alaosasta, niin samalla tuo linkkiominaisuus katoaa noista vanhemmat tekstit yms. nappuloista :D

      Poista
  17. Vaihdoin mun ulkoasua, ja kaikki mun koodit katos, sain kaikki muut palautettua paitsi sen yhden. Onko sulla siis mitään koodia millä bannerin ja välilehtien väliä voi pienentää ?

    VastaaPoista
    Vastaukset
    1. Moi! Koklaa tätä koodia:
      .tabs-inner{
      margin-top: -30px;
      }

      Ja lukua -30 voi tuttuun tapaan muuttaa :-)

      Poista
  18. Heippa, täältä löytyy sellainen ongelma, että tekstin alatunniste kenkkuilee enkä pysty hävittämään näkyvistä esimerkiksi "Kirjoittanut: Titta L" vaihtoehtoa. Haluaisin pelkän kommentointivaihtoehdon näkyviin. Osaisitko auttaa? :)
    www.tittalotvonen.com

    VastaaPoista
    Vastaukset
    1. Moi! Bloggerin ulkoasu-sivu bugailee välillä ärsyttävästi (itse asiassa aika useinkin), joten hommat kannattaa hoitaa koodeilla. Oletko siis yrittänyt sitä? Jos et, näillä koodeilla saat "ylimääräiset härpäkkeet" pois alatunnisteesta niin, että vain kommenttivaihtoehto jää näkyviin.

      .reaction-buttons{
      display:none;
      }

      .post-author{
      display:none;
      }

      .post-timestamp{
      display:none;
      }

      Poista
  19. Hei! Minulle ilmeni tänään yhtäkki ongelma minkä syytä en tiedä. Pidän etusivulla näkyvissä aina kaksi viimeisintä blogitekstiä. Jostain syystä, kun lisäsin uuden blogitekstin, vanhemmasta katosi päivämäärä ja sen yläpuolelle laitettu viiva. Olen kokeillut poistaa kaikki koodit ja laittaa ne uusiksi, sekä palauttaa vanhemman ja uudemman tekstin luonnokseksi ja lisäämisen uudelleen. Kun laitan näytettäväksi vain yhden tekstin, päivämäärä ja viiva palaavat takaisin siihen vanhempaan tekstiin. Onkohan tämä vain hetkellinen bugi?

    En tiedä onko sinulla mitään vastausta, mutta ajattelin varmuuden vuoksi kokeilla kysyä kun en itse enää keksi mitään :)

    blogini: myblog-bysini.blogspot.fi

    VastaaPoista
    Vastaukset
    1. Hei! Kerroitkin tuolla toisessa postauksessa saaneesi ongelman kuntoon itse, loistavaa työtä! :)

      Poista
  20. Mulla on sellanen ongelma, että mun blogissa ei näy tota palkkia jonka avulla selataan alaspäin. Eli en ollenkaan tiedä oonko sen joskus ite poistanut, sillä kun käytän internet selainta mulla näkyy se palkki, mutta mm. chromella se ei näy... Myöskin muutama on kommentoinut, että palkin puuttuminen vaikeuttaa blogin selausta :( Kiitos jo nyt! :)

    http://little-things-blogi.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Hmm, tosi outo, ennenkuulumaton ongelma täällä päässä! Tosiaan, kävin katsomassa blogiasi sekä Firefoxilla että Chromella, ja Chromella jostain syystä scrollauspalkki on ehkä millin tai pari leveä, juuri ja juuri näkyvissä.

      Ikävä kyllä, koska blogissasi on tällä hetkellä tuo Right click disabled -koodi, en pääse tutkimaan blogisi lähdekoodia ja katsomaan, mistä ongelma mahdollisesti kiikastaa.

      Poista
    2. voit kuitenkin kokeilla, että nollaat mallisi, jolloin kaikki ulkoasuun tekemäsi muutokset hävivävät. Se saattaa auttaa, mutta tästä tilanteesta en ole varma. Nollaushan tapahtuu niin, että valitset Mallissa ollessasi uuden / saman mallin uudestaan klikkaamalla, jolloin lisäämäsi koodit häviävät.

      Poista
    3. Pystyykö myös tuohon alhaalla olevan "etusivu"-linkin kohdalle laittaa nuolen :)
      https://lotta-horselifestyle.blospot.fi

      Poista
    4. Pystyy!

      .home-link{
      content: url('TÄHÄN SE KUVA JONKA HALUAT VANHEMMAT TEKSTIEN TILALLE');
      }

      #home-link{
      color:transparent;
      }

      Poista
  21. tunnen itteni taas tyhmäks :D mut mä en saa minkäänlaisia nuolia näkyviin :D joko siin näkyy se perus teksti tai sitte ei mitään.. mikä vikana?

    http://miajauh.blogspot.fi/

    VastaaPoista
  22. Tunnen itseni nyt erittäin tyhmäksi, kun tästä kysyn.
    Mutta kumminkin en saa noita nuolia mitenkään näkyviin vaikka tein kaikki kohtat niinkuin sanoit!
    Mikäköhän voisi olla vikana?

    http://tahdetonluettuja.blogspot.fi/

    VastaaPoista

MUISTA LINKATA BLOGISI !! -> näin ongelman ratkominen / auttaminen osaltani onnistuu parhaalla mahdollisella tavalla! :-)