READING

BLOGGER-VINKKI: KUVIEN REUNAT JA BLOGIN VARJOSTUKS...

BLOGGER-VINKKI: KUVIEN REUNAT JA BLOGIN VARJOSTUKSET POIS

Kuvien reunojen poistamiseen on kyselty useaan kertaan vinkkiä. Homma on superhelppo: kopioi harmaalla pohjalla oleva koodi ja klikkaile itsesi Bloggerin mallin suunnittelutyökaluun. Valitse sieltä alin Lisää CSS -kohta ja liitä koodi sille varattuun kentään. Tallenna malli lopuksi. Tämä koodi poistaa varjot kaikista blogin kuvista profiilikuva mukaan lukien.

.post-body img, .post-body .tr-caption-container, .Profile img,
.Image img, .BlogList .item-thumbnail img {
    border: 0px;
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
    border-radius: 0px 0px 0px 0px;
    background: none;
}

Myös sivupalkkien ja postausosion välisten varjojen poistamisesta on kyselty. Nämä kun tulevat Bloggerin yksinkertaisessa mallissa annettuna tekijänä, eikä niitä saa poistettua tuolla mallin suunnittelutyökalussa. Ne saa hävitettyä seuraavasti:

1) Klikkaa Blogin takasivulla Malli > Muokkaa HTML-koodia
2) Paina CTRL+F (Macissa CMD+F) > hakutoiminnon pitäisi ilmestyä ruutuun
3) Etsi sanoilla Content Shadow Spread > pitäisi löytyä 3 osumaa
4) Näiden jokaisen perästä löytyy seuraavat kohdat:

default=”40px” value=”40px”
default=”5px” value=”5px”
default=”10px” value=”10px”

5) Nollaa jokainen luku ja kokeile esikatselulla, poistuivatko varjot.
6) Jos blogi näytti siltä kuin pitikin, tallenna asetukset lopuksi.

Muistakaa olla varovaisia HTML:n muokkaustilassa. Blogin koodista on hyvä ottaa varmuuskopio ennen muokkaamisen aloittamista. Käytä aina mallin esikatselua eläkä tallenna mitään ennen kuin olet varma, että koodi toimii haluamallasi tavalla.

Toivottavasti näistä on apua! Palataan taas uusiin vinkkeihin myöhemmin. 🙂


  1. Jes! Vihdoinkin sain ton tehtyä. SUURI KIITOS. Oot velho. Voisit laskuttaa meitä kaikkia 😉

  2. Essi

    29 March

    Mä en edes oo tiennyt, että ne saa jotenkin pois. Jouduin kuvienkin leveyttä pienentämään, kun varjostus meni sivupalkkien päälle. Olin ku pieni lapsi jouluna, kun näin tän postauksen – KIITOS!!

  3. Sofia

    29 March

    KIITOS! itsehän en olisi edes tajunnut kysyä tällaista mutta sain jopa tehtyä tämän näillä ohjeilla 😀 aivan loistavaa!

  4. ooo tack kiitos :—)) !!

  5. Annika

    29 March

    Ah, kiitos tästä! Tämän kanssa oon tuskaillu jo monta vuotta, ja näin helposti se lopulta luonnistui! 😀 Mahtavaa!

  6. Nova Melina

    29 March

    Kiitti vinkistä! Mäkään en ollut niitä reunoja enää pitkään aikaan ajatellut, vaikka ihan alunperin ne mua häiritsi. Ihanaa kun ne sai pois! 🙂

    • Kaisa NHWY

      1 April

      Jotenkin tulee selkeyttä kuviin, kun reunukset häipyy. Kiva, että onnistuit näillä vinkein!

  7. Riikka

    29 March

    Kiitos ohjeista, heti tuli käyttöön!

  8. Pihi nainen

    29 March

    Kiitos! Kuvien varjot olinkin jo saanut veke mutta nyt sain tuon postausosionkin varjon pois. Aah.. Iloista pääsiäistä! 🙂

  9. Maria

    29 March

    Kiitoskiitoskiitos! Jopa amatööri osasi 😀 Tipunkeltaista pääsiäistä!

  10. Nipsu

    29 March

    Kiitos Kaisa, oot KIVA 🙂
    Aurinkoa sinne!

  11. Mikko

    29 March

    KIITOS! Ja kehykset veks. Mä olen tosi huono koodin muokkaamisessa ja CSS vie hermot, oon viimeksi koulussa kokeillut tehdä jotain. Tämä auttoi, superia!

  12. MSHFTTT

    29 March

    kiitos!!

  13. Anonymous

    29 March

    Miten saat blogin otsikon noin alas?:)Miten olet tehnyt bannerin?

    • Kaisa NHWY

      1 April

      Banneriin voi jättää kuvankäsittelyohjelmassa tyhjää tilaa yläpuolelle, jolloin sen saa ikään kuin tuolla tavalla alas.

  14. Je kiitos! 🙂

  15. Heidi

    29 March

    kiiiiiiiitos ♥ JA ILOISTA PÄÄSIÄISTÄ!!!

    • Kaisa NHWY

      1 April

      Takaisin! Ja koko kevättä, pääsiäistä on niin vähän enää jäljellä. 🙂

  16. Ansku

    29 March

    Hei mahtavaa! Mä en tajua CSS:stä yhtään mitään, joten ihan huippua saada valmiit ohjeet 🙂 Jos saa vielä yhden toivomuksen esittää, niin kysyisin vinkkiä miten saa vaihdettua tekstin otsikon väriä?

    • Kaisa NHWY

      1 April

      Tekstin otsikon väriä voi säätää tuolla Bloggerin mallin suunnittelutyökalussa kohdassa tekstin otsikko. Kokeiles sieltä!

  17. Sanna

    29 March

    Mutta mitäs sitten kun mulla on siellä nämä tekstit

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

    h3.post-title{
    margin-left:0px;
    }

    Ja sitten jos otan noi pois niin otsikko lähtee karkuun minne sattuu. Jos laitan ton varjo jutun noiden eteen niin ei tapahu mitään..

    Voi plääh.

    • Kaisa NHWY

      1 April

      Koita siinä tapauksessa laittaa koodi suoraan html:ään. Etsi hakukomennolla kohta

      ]]></b:skin

      ja lisää harmaalla pohjalla oleva koodi tuon eteen. Pitäisi toimiä myös näin. (Muista olla varovainen html:n muokkaustilassa.)

  18. Nina

    29 March

    Yay, kiitos! 🙂 Hyvää pääsiäistä!

  19. heidi.

    29 March

    voi beibe, oot paras. Kiitos.

  20. Sä olet kyllä maailman ihanin “tekninen blogituki”. 🙂
    Kiitos ihanuus.

  21. Maria

    29 March

    Innostuin tutkimaan aiempia ohjeistuksiakin ja nyt on kaikki niin kuin olen toivonutkin! ♡ KIITOS! Ihan mahtavaa että teet näitä ohjeita niin että tyhmempikin ymmärtää. 🙂

    • Kaisa NHWY

      1 April

      Kiva, että löyty vanhatkin vinkit ja vielä mukavampaa, jos niistä on ollut oikeasti apuja.

  22. Sofie

    29 March

    Kiitos, erittäin hyödyllinen ohje!

  23. K

    29 March

    Minun blogger ei suostu päivittämään mitään uudistuksia mitä yritän tehdä?
    Ei onnistu edes otsikoiden/blogin nimen tm. värien muokkaus!
    Tahtoisi uudistusta, mutta blogger ei suostu yhteistyöhön kanssani.
    Missä vika, kun suksi ei luista?

    -Koo
    http://kotonaonkivempi.blogspot.fi

    • Kaisa NHWY

      1 April

      No johan on kumma! :// Nyt kuulostaa jo sen sortin ongelmalta, että olisin sinuna suoraan Bloggerin ylläpitoon yhteydessä.

  24. Vilhelmiina

    29 March

    Ihan huippua!!! Iso kiitos täältäkin!!! 🙂

  25. Laura

    30 March

    Kiitos taas, kuvasarjoista tuli heti paljon kivemman näköisiä! 🙂

    • Kaisa NHWY

      1 April

      Joo sillä on jännä vaikutus, kun kehykset katoaa. 🙂

  26. Irina

    1 April

    Oletpa kultainen, kiitos. 🙂

  27. Hanna

    2 April

    Kiitos vinkeistä! 🙂

  28. Anonymous

    2 April

    Saman saa helpommalla aikaan ihan ulkoasun asetuksista 😛

  29. MIIU

    4 April

    VOI KIITOS KAISA <3 Ihanaaa että noin helpolla ne sai pois.. 😀
    Hei, oisko sulla vinkkiä miten saan tekstit aina suoraan kuvan alle, kun ne tursuilee minne sattuu ja otsikotkin että alkaisivat kuvan alusta eikä enne kuvaa? ;D

    kiitän ja kumarran!!! 🙂

    • Kaisa NHWY

      5 April

      Voisit suurentaa kuvia tekstin levyseksi? Se olis varmaan helpoin tapa, silloin ratkeais nuo molemmat probleemit. Ja toinen helppo tapa on muuttaa sivumarginaalien leveyksiä vähän suuremmaksi tuolta Bloggerin mallin suunnittelutyökalusta, se pakottaa tekstin kapeampaan laatikkoon.

  30. MIIU

    4 April

    Ja siis ihana blogi!! mahtavaa että löysin tänne! Upeita kuvia ja tunnelmia! <3

    • Kaisa NHWY

      5 April

      Kiitosta! 🙂 Kiva oli omasikin, sait uuden seuraajan! 😉

  31. Anonymous

    12 April

    Hei kiitos, eka koodi joka oikeesti toimi! 😀 Ihana blogi sinulla, eksyin tänne tänään. 🙂

    • Kaisa NHWY

      13 April

      Kiva kuulla! :–) Ja vielä kivempi, kun oot eksyny tänne.

  32. Sar P

    13 April

    Kiitos tosi hyvästä neuvosta.
    Oot ihana.

  33. Julii A

    20 April

    KIIITTI TÄST OLI APUU!1 se toinen vinkki mis piti laittaa muokkaa html koodii se ja ettii joku ni ei toiminu enkä löytäny sit enää nii tää toimi, KIITOS! <3

  34. -Laura

    6 May

    Ihana, kun oot laittanut näitä vinkkejä. Apua on aloittavalle 🙂

  35. Outi

    12 May

    Kiitoksia hyvistä ohjeista! Googletin apua ongelmaan ja löysin sinun blogisivuille. Kehysten poisto onnistui ohjeillasi helposti 🙂

  36. Ihana blogi, kiitos vinkeistä! Etsin ja etsin tätäkin ja nyt se viimein löytyi! Sattuisitko tietämään, kuinka kaikista kuvista saa samanlevyiset? Pelleilin blogini ulkoasun kanssa enkä muistanut tallentaa koodeja, ja hävitin tuon muokkauksen…

    • Kaisa NHWY

      29 May

      En nyt ulkoa muista sitä pakotuskoodia, mutta itse muokkaan kuvat samanlevyisiksi ennen julkaisemista. Että sillä tavalla ainakin! 🙂

  37. Aurelia

    28 May

    Jes, kiitos paljon! :–)

  38. Essi

    5 June

    Vautsi mikä blogi ja kuinka kullanarvoisia vinkkejä! Mä olen aloittelija näissä koodaushommissa ja kysynkin, onko sulla vinkkejä mistään sivuista mistä tän tyylisiä vinkkejä voisi löytää lisää vaikka englanniksikin?

    Ja toivomuksena esitän vaikkapa noiden instagram-pinterest-facebook-widgetien luomisen, miten niistä saa omannäköisiä ja tuollaisen sievän rykelmän? 🙂

    Kiitos avusta, pysyn linjoilla!

    Essi
    http://yearintheseshoes.blogspot.fi/

    • Kaisa NHWY

      9 June

      Moikka! Ja kiitos! Kiva, kun olet klikkaillut tänne! 🙂 En muista enää sivua, mistä tuon ohjeen löysin, mutta kuvakkeet tein itse Photoshopissa + toin ne vierekkäin ja linkitin kohteisiin. Ohjeita löytyy paljon englanniksi esimerkiksi goolaamalla blogger tips. Varo vaan, nuiden vinkkien syövereihin hukkuu ja kohta on vaikeuksia pitää blogi selkeänä. 😉

  39. Wilma

    8 June

    oot enkeli<3 kiitos paljon avusta 🙂

  40. miks mulla ei onnistu tuo?:o jos kirjotan tuon Content “Shadow Spread” sinne hakukenttään nii ei tuu yhtään osumaa:(

    • Kaisa NHWY

      10 June

      Moi! Johtunee siitä, että Blogger on tämän ohjeen jälkeen tiivistänyt html:ää. Koodin saa takaisin auki painamalla niitä pieniä nuolia koodin vasemmassa reunassa. Hakutoiminto ei taida löytää tekstiä piilotetuilta riveiltä.

  41. Anonymous

    11 June

    Jee vihdoin määkin onnistuin! Kiitos superisti neuvosta! 🙂

    http://sannamarian.blogspot.fi

  42. Iida

    14 June

    Blogipulmia-blogin ohjeilla ei onnistu, mutta sun ohjeilla onnistuu aina 😀 Ehkä sie voisit alkaa pitää blogia näihin ongelmiin? 😉 Mutta suurkiitos taas, selvisin pulmasta ohjeittesi avulla! ♥

  43. ♥nea

    15 June

    apua jeejee oon ettinyt tätä kaikkialta! oot iiihan paras! <3

    http://storyofnea.blogspot.fi/

  44. Anonymous

    16 June

    miks mulla ei toimi ): tai siis ne reunukset vaa pysyy tossa ):

    • ella

      16 June

      This comment has been removed by the author.

    • Anonymous

      16 June

      jes mää sain ton kiitti !

    • Kaisa NHWY

      23 June

      Hieno juttu! 🙂

  45. ella

    16 June

    kiitti mua autto tosi paljon ! 🙂

  46. emssu

    21 June

    Kiitos, tä autto mua!:)

  47. Anna

    22 June

    Ahh ihanaa KIITOS! Tosi selkeet ohjeet, jopa minunkaltainen säheltäjä onnistui hommassa 🙂 Sun blogi on muutenkin aivan mahtava, upeita kuvia!

    http://anna-secrets.blogspot.fi/

  48. MIIU

    1 July

    Kiitos Kaisa näistä avuista!! 🙂
    Olisko sulla vinkkiä että miten mä saisin noi gadgettien tsikot muutettua johonkin muunmalliseen tekstiin kuin mitä on bloggerissa valikoimissa ja mun blogista hävisi tekstien otsikot johonkin! APUA 😀

    • Kaisa NHWY

      24 July

      Ole hyvä Miiu! Apua, miten sää semmosen tempun onnistuit tekemään? :PP Gadgettien otsikot voi mm. vaihtaa kuvatiedostoihin, jolloin saa mitä vain fonttia/koukeroa/kuvia käyttöön.

    • Anna

      27 September

      This comment has been removed by the author.

  49. Ansku

    3 July

    Voi apua kiitos paljon! 🙂

  50. mulla ei toimi! oikeesti nuo häirihtee ihan kamalasti, mut sillon ku lisäsin ton CCS:ssän ja painoin käytä blogissa, nii ei ollu tapahtunu mitää!

    • Kaisa NHWY

      24 July

      🙁 No voi harmi, sitten en kyllä osaa auttaa. Googlaamalla löytyy varmasti monia eri tapoja toteuttaa sama asia, joten kannattaa kokeilla!

  51. Juulia

    6 July

    kiitos paljon 🙂 ! vihdoin sain apua ongelmiin 😀

  52. Mariia

    19 July

    Kiitos paljon avusta! Osaisitko muuten neuvoa, miten saa semmosen Instagram jutun blogiin, et siinä vaihtuis ne kuvat? 🙂 Tai sit justiinsa joku ton tyyppinen pikku logo, kun sullakin on? 🙂

    • Kaisa NHWY

      24 July

      Ole hyvä! En ole semmoseen ohjeeseen törmännyt, mutta varmasti sekin löytyy Googlen avulla. 🙂

  53. Siniblue

    27 July

    Ihanaa että löysin ohjeesi! Pähkäilin tätä kuvien reuna -pulmaa yhdelle koodaajalle ja saan nyt kertoa löytäneeni ratkaisun! Kiitos 🙂

    sinisbluemoments.blogspot.com

  54. Miks mulla ei toiminu toi kuvien kehysten poisottamis koodi? D___:

  55. Emmi

    11 August

    Kiitos tästä! 🙂

  56. Softis

    20 August

    Kiitti tosi paljon! Oli apua! Kiitoskiitoskiitos!

    http://lifeofsurprisess.blogspot.fi/

  57. Carola V

    28 August

    Mulla ei toimi tuo kehysjuttu 🙁

    > last-kiss-hurt.blogspot.fi

  58. Netta Jee

    15 September

    kiitos oikeesti <3 ! oon tuskaillu tän kaa jo kauan ja nyt sain vastauksen!!! (:

  59. Olivia

    22 September

    KIITOS! Oli paaaaljon apua :))

  60. Anniina

    1 October

    This comment has been removed by the author.

  61. Anonymous

    9 October

    KIITOS AIVAN ÄLYTTÖMÄSTI<3

  62. Aino Nieminen

    27 October

    KIITOS KIITOS KIITOS KIITOS OOT KUN JOKU SUPERNAINEN TÄYDELLISTÄ JA IHANAA JA ´MHHMMHHM EN OSAA ENÄÄ SANOO MITÄÄN KUN KIITOS!<3

  63. Eveliina

    17 November

    Kiitos tuhannesti! Mulla ei oo mikään muu tapa ikinä toiminut kun tää, tästä oli SUURI apu!

  64. Nenne

    23 November

    Kiitos suuresti!

  65. Minna

    2 December

    Isot kiitokset tästä! Ennen olen poistanut reunukset koodista, mutta nyt se ei toiminut. Tämä pelitti, kiitos! 🙂

  66. Anonymous

    11 December

    Ei kyllä löytäny mitään tuommoisiin sanoihin liittyvää -> ei onnistunut:/

    • Kaisa NHWY

      12 December

      Johan on kumma. Kokeilitko tuolla hakutoimminolla (muista klikata kursori html-kenttään ennen hakua, muuten ei etsi piilotetun koodin joukosta).

  67. Karoliina Maria

    16 December

    Kiitos iha HIRVEÄSTI! 🙂 Olin 100 % varma, ettei tämä toimi, koska oon koittanut monta kertaa, mutta nyt koitin ja JES onnistu! Kiiitos ♥

  68. Salla

    19 December

    Hei, kiitos ihan ÄLYTTÖMÄSTI ! <3 Ensimmäinen bloggaaja joka osasi selittää asian niin että minä ymmärsin, kiitoskiitoskiitos!

  69. Mape

    4 January

    Oi kiitos, tästä oli apua hirveesti !! 🙂 Ensimmäinen ohje joka mulla toimi!! Muutenkin oon sun blogista löytäny paljon ohjeita jotka todella toimivat !! 🙂 KIITOS!!

  70. Kiitos ihan HIRVEÄSTI tästä vinkistä ! 🙂

  71. Seijastiina

    19 January

    Minullapa ei tallennakaan tuota koodia jotta saan kehykset pois, miksi?

  72. Maria

    23 February

    KIITOS TÄSTÄ ! toimi ihan mahtavasti :3

  73. Minna-Leena

    8 March

    This comment has been removed by the author.

  74. Tykkäätkö hevosista?;):)

  75. mancy

    13 March

    Olipa hyvä kun tämä ohje löytyi! Suuret kiitokset, pelastit miut ärsyyntymiseltä 🙂

  76. Ihan mahtavaa, viimeinkin sain ne raivostuttavat reunukset pois. Kiitos tuhannesti!!!

  77. Kiitos tuhannesti!!!! Tämä auttoi minuakin noiden reunusten kanssa!
    Liityin myös ihanan blogisi lukijaksi 🙂

  78. Iida

    9 June

    kiitos, autto kyllä!

  79. Kiitos avusta, muista blogeista apua etsittyäni jouduin pettymään (ei onnistunut) mutta sinun neuvosi avullapa onnistui! Kiitos! Ja niin kaunis blogi sinulla!<3

  80. Miksi mulla toi content shadow spread anna mitään hakutuloksia? voitko auttaa?

    • Muista klikata kursori html-kenttään ennen hakua, muuten ei etsi piilotetun koodin joukosta. Pitäisi auttaa. 🙂

  81. Venla P.

    27 July

    Wau kiitos miljoonasti!

    daisy-beconfident.blogspot.com

  82. Jes kiitos tosi paljon 🙂

  83. Anonymous

    3 September

    Ihanaa, vihdoin sain tyhmät reunat pois, mutta miten kuvista saa tehtyä isoja? Minulle tulee isoimmaksi vaihtoehdoksi joku suuri kuva ja sen jälkeen normaalikokoinen kuva ja se on sitten jo liian iso? apua :((

  84. Anonymous

    17 October

    Nii miten teen ton haun html-koodista? Mulla ei etsi sitä kohtaa, vaikka kirjoitan ton tekstin:(

  85. Pia Sundell

    30 October

    outoa..mulla ei toiminut 🙁

  86. Viola Jokela

    21 October

    Mulla toi ei toiminut, ihmettelen, kokeilin useampaan kertaan. :/

    • Kaisa

      24 October

      Voi olla, että ohjeet ovat jo niin vanhojakin, että jokin muuttunut pohjassa..? En osaa kyllä sanoa. :/

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