Zmiany na blogu + kody CSS


Zastanawiam się, czy nie zmienić gruntownie designu mojego bloga. Ten obecny zdaje mi się taki chłodny i "nie mój", dlatego poświęciłam sporo czasu na przygotowaniu nowego szablonu. Efekty mojej pracy widać w zamieszczonym poniżej obrazku:
Szablon zrobiłam sama, a teraz czekam na waszą opinię. Piszcie czy mam na taki zmienić.

A teraz przejdźmy do drugiej części, CSS, na początku mojego blogowania to słowo zdawało się być mi obce. Nie ogarniałam tych wszystkich kodów. Aż w końcu uznałam, że to tylko na pierwszy rzut oka.
Zacznijmy od tego gdzie wkleić te kody. Na stronie blogger.com klikamy Szablon, później Dostosuj, Zaawansowane a na koniec Dodaj arkusz CSS.
1. Usuwanie obramowania i cienia ze zdjęcia:
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}
 


2. Podświetlenie zdjęcia na biało:
.post img { opacity: 1;
transition:opacity 0.4s ease-in-out; 
-o-transition:opacity 0.4s ease-in-out;
-moz-transition:opacity 0.4s ease-in-out; 
-webkit-transition:opacity 0.4s ease-in-out; 
}
.post img:hover {
opacity: 0.70; 
transition:opacity 0.4s ease-in-out; 
-o-transition:opacity 0.4s ease-in-out; 
-moz-transition:opacity 0.4s ease-in-out; 
-webkit-transition:opacity 0.4s ease-in-out; 
}

3. Wyśrodkowanie tytułu posta:
h3.post-title {text-align: center;}

To na tyle.
Jeśli chcesz więcej takich postów, pisz.
Koniecznie napisz czy podoba ci się powyższy design bloga i czy zmienić na taki. To dla mnie bardzo ważne.


58 komentarzy:

  1. Bardzo przydatny post ;))
    śliczne zdjęcia <3

    justsayhei.blogspot.com

    OdpowiedzUsuń
  2. Fajny pomysł na posta :)
    Moim zdaniem powinnaś zmienić wygląd. Ten nie jest zły, jednak ten próbny o wiele lepszy. Taki bardzo uroczy ;)
    http://sweet-crocodile.blogspot.com/

    OdpowiedzUsuń
  3. Ten który masz jest śliczny, ale jeśli tobie się podoba tamten to zmień ;)

    Zapraszam
    unnormall.blogspot.com

    OdpowiedzUsuń
  4. A mi podobają się oba :) Piękne zdjęcia, pozdrawiam :)


    ♥BLOG♥ Zajrzyj, jeśli masz chwilkę, sprawisz mi ogromną przyjemność :)

    OdpowiedzUsuń
  5. Przydatny post :) fajne zdjęcia :O

    http://paulineeeblogger.blogspot.com/

    OdpowiedzUsuń
  6. Ja znam całkiem inny kod na suwanie obramowania i cieni ze zdjęć ;)

    http://blonparia.blogspot.com/

    OdpowiedzUsuń
  7. Pomocne, i na pewno z tego skorzystam :)

    obs/obs ? zoabserwuj i czekaj na rewanż :*

    klaudia-duczek.blogspot.com

    OdpowiedzUsuń
  8. Genialny blog,oraz posty :D
    my-little-world-blog.blogspot.com

    OdpowiedzUsuń
  9. śliczny design :) przydatny post.Ładne zdjęcia.
    http://blogging-drug.blogspot.com/

    OdpowiedzUsuń
  10. ale ładny wygląd bloga ;)

    obserwujemy?
    ewamaliszewskaoff.blogspot.com

    OdpowiedzUsuń
  11. Wspaniały post <3 świetny blog <3
    obserwuję <3
    pozdrawiam cieplutko
    weeri-weri.blogspot.com

    OdpowiedzUsuń
  12. Świetny wygląd bloga! ;) Ja niestety się dopiero uczę. Zapraszam do siebie bo niestety jestem 'nowa' :)

    OdpowiedzUsuń
  13. według mnie obecny nagłówek jest świetny, ale nowy też mi się podoba :)
    http://lookhowthestarsshineforu.blogspot.com/

    OdpowiedzUsuń
  14. Obydwa są genialne! Dziękuję za te kody, faktycznie nie najgorzej jest haha :D

    http://kikablog2000.blogspot.com/

    OdpowiedzUsuń
  15. Jakie piękne zdjęcia! Aktualny szablon mi się bardzo podoba :)

    OdpowiedzUsuń
  16. o taaak! jest zdecydowanie lepszy, but... kocham te kolorki :D A fotki w poście genialne, naprawdę świetne <3

    zapraszam również do siebie na
    DIYmyDESIGN.blogspot.com pozdrawiam ;***

    OdpowiedzUsuń
  17. Cudne zdjęcia :D
    Pozdrawiam!!
    Obs za Obs?
    http://domadomcia6.blogspot.com/
    Ja już !!

    OdpowiedzUsuń
  18. Wygląd bloga, który zrobiłaś sama o wiele ładniejszy :) Lubię pastelowe kolory.
    Przydatny post.
    http://you-always-be.blogspot.com

    OdpowiedzUsuń
  19. Ten różowy design jest śliczny, taki weselszy :)

    ¦ http://gabby-inspirations.blogspot.com/ ¦ - mój blog KLIK

    OdpowiedzUsuń
  20. Ojej super przydatny post!
    Pozdrawiam serdecznie :*

    OdpowiedzUsuń
  21. Zmieniaj, czarno-biały też jest fajny, ale myślę że te kolory bardziej ożywią bloga :)
    sama zastanawiam się już od jakiegoś czasu nad zmianą szablonu ale szczerze mówiąc mało ' łapię ' w tych wszystkich kodach.

    dodaję do obserwowanych :)
    http://xnataliie.blogspot.com/

    OdpowiedzUsuń
  22. Ja bym zmieniła na Twoim miejscu :) Przydatne kody! Ciekawie piszesz, będę zaglądać :*

    ♡❀ imagine-yuki.blogspot.com ❀♡

    OdpowiedzUsuń
  23. Szablon jest bardzo ładny, śmiało możesz zmieniać. Post o kodach css jest bardzo przydatny dla wielu osób, również dla mnie :)
    Mój blog - KLIK

    OdpowiedzUsuń
  24. Szablon jest prześliczny. Zmień. Bardzo przydatny post. :))
    http://oliviejulie.blogspot.com/

    OdpowiedzUsuń
  25. ładny ten szablon. Zmień ♠
    śliczne zdjęcia :O
    http://by-aleksandraa.blogspot.com/ ♥♥♥ZAPRASZAM DO MNIE♥♥♥

    OdpowiedzUsuń
  26. zmień szablon :)


    wspólna obserwacja ? http://izey-izabella.blogspot.com/

    OdpowiedzUsuń
  27. Design bardzo wystrojowy :) Co do kodów nadają lepszości wszystkim blogom , także i twojemu:) Obserwuję:)

    http://spelniaj-twoje-marzenia.blogspot.com/

    Pozdrawiam♥

    OdpowiedzUsuń
  28. Teraz jest bardzo fajnie :) Przydatne informacje, bo wcześniej nie wiedziałam jak to ogarnąć ( ramkal, tytuł z boku), więc dzięki! Również zapraszamy do obserwowania :D danceeaddiction.blogspot.com

    OdpowiedzUsuń
  29. Przydatne informacje :)
    mjakmamuska.blogspot.com
    robotkidreamer.blogspot.com

    OdpowiedzUsuń
  30. Przydatny post.
    Mi się bardzo podoba obecny design :)

    porcelain-butterflies.blogspot.com

    OdpowiedzUsuń
  31. Bardzo przydatny post:) Mi osobiście podoba się Twój wygląd bloga:)
    http://xsomething-positivex.blogspot.com/

    OdpowiedzUsuń
  32. piękny wygląd bloga, może sama w swoim coś zmienie ;)
    zaobserwowałam i zapraszam do siebie ;)
    http://lilajanowska.blogspot.com/

    OdpowiedzUsuń
  33. Bardzo przydatny post,ładny design. <3
    Mój Blog - klik!

    OdpowiedzUsuń
  34. Nowy wygląd będzie wyglądał cudnie! Zmieniaj szybko i sie nie zastanawiaj :) ananasowyekspres.blogspot.com

    OdpowiedzUsuń
  35. Dzieki za podaie tych wszystkich kodów :)
    http://teenluxy.blogspot.com/

    OdpowiedzUsuń
  36. przydatny post, na pewno z niego skorzystam i to nie raz. :)
    http://berry-lifestyle.blogspot.com/

    OdpowiedzUsuń
  37. Masz ciekawego bloga! Będę do Ciebie zaglądać, życzę dalszych sukcesów i wytrwałości :)

    http://mjrm-madeline.blogspot.com/2015/01/little-black-dress.html zapraszam serdecznie na mój blog. Proszę o klikanie w banery po prawej stronie bloga oraz w link do sukienki, to dla mnie bardzo ważne. Każdy komentarz i obserwacja będzie odwzajemniona.

    OdpowiedzUsuń
  38. Super zdjęcia :)
    http://weronika-centkowska.blogspot.com

    OdpowiedzUsuń
  39. Bardzo przydatny i ciekawy post ! :D


    + Obserwuje
    Mój blog KLIK

    OdpowiedzUsuń
  40. Mi się podobają oba design'y. Obecny jest taki świeży, natomiast ten drugi bardziej stonowany, z klasą :)

    http://natforart.blogspot.com/

    OdpowiedzUsuń
  41. Mi chyba bardziej podoba się obecny design, ale ten, który przygotowała też bardzo ładny :)
    Zapraszam: nataliafbl.blogspot.com (jeśli blog ci się spodoba miło by było gdybyś zaobserwowała :))

    OdpowiedzUsuń
  42. odnośnie designu to trudny wybór, ponieważ mi bardzo podoba się obecny - kolory takie żywe itp, ale ten nowy co zaprezentowałaś w tym poście też w jakiś sposób do mnie trafia, wygląda na taki spokojny - jeśli tak to można ująć. tak więc nie wiem czy Ci pomogę bo sama mam z tym problem, który wybrać, ale mam nadzieję, że Tobie uda się dokonać wyboru i życzę Ci powodzenia :)
    + świetny blog i posty, na pewno będę tu często zaglądać!

    squirtpride.blogspot.com

    OdpowiedzUsuń
  43. Obecny wygląd bloga bardziej mi się podoba, chociaż ten nowo przygotowany też jest świetny! Przydatne kody :)
    izilleys.blogspot.com

    OdpowiedzUsuń
  44. Genialny post, ja prowadzę bloga od 4 lat i nadal nie ogarniam tych wszystkich kodów...

    OdpowiedzUsuń
  45. Bardzo podoba mi się aktualny wygląd bloga, niestety sama nie potrafię zrobić żadnego :p
    Śliczne zdjęcia
    Pozdrawiam Zuzia
    mademoisellesusan.blogspot.com

    OdpowiedzUsuń
  46. Fajnie że zrobiłaś taki post , i pokazujesz innym jak można ulepszyć swojego bloga ! to naprawdę pomocne ;)

    natalia-cieslak.blogspot.com

    OdpowiedzUsuń
  47. ten wygląd jest naprawdę śliczny, wszystko do siebie pasuje :)
    nones-blog.blogspot.com

    OdpowiedzUsuń
  48. Świetny post! Mi się bardziej podoba ten szablon, który masz teraz. Jest bardziej oryginalny :)
    zuzu-zuzannaxx.blogspot.com

    OdpowiedzUsuń
  49. Nie wiem czy Ci pomogę , bo dla mnie ten i ten design jest fajny !
    Chyba wole ten co jest teraz , jakoś bardziej do mnie przemawia :)
    http://dennaystyle.blogspot.com

    OdpowiedzUsuń
  50. mi sie ten design podoba ktory masz teraz, jest boski!
    frydrychmartyna.blogspot.com

    OdpowiedzUsuń
  51. Ten design bloga jest świetny! Bardzo mi się podoba.Zostaw ten niebiesko-żółty. ;)
    Zapraszam również do mnie.Może ci się spodoba i zostaniesz na dłużej. :)
    Pozdrawiam cieplutko :*
    http://kaamaam-blogg.blogspot.com/

    OdpowiedzUsuń

Nie toleruję obs = obs.
Jeśli spodoba mi się Twój blog zaobserwuję.
Postaram się wejść w każdy link pozostawiony w komentarzach.
Za każdy komentarz szczerzę dziękuję. :**