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.
Bardzo przydatny post ;))
OdpowiedzUsuńśliczne zdjęcia <3
justsayhei.blogspot.com
Fajny pomysł na posta :)
OdpowiedzUsuń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/
Ten który masz jest śliczny, ale jeśli tobie się podoba tamten to zmień ;)
OdpowiedzUsuńZapraszam
unnormall.blogspot.com
A mi podobają się oba :) Piękne zdjęcia, pozdrawiam :)
OdpowiedzUsuń♥BLOG♥ Zajrzyj, jeśli masz chwilkę, sprawisz mi ogromną przyjemność :)
Przydatny post :) fajne zdjęcia :O
OdpowiedzUsuńhttp://paulineeeblogger.blogspot.com/
Ja znam całkiem inny kod na suwanie obramowania i cieni ze zdjęć ;)
OdpowiedzUsuńhttp://blonparia.blogspot.com/
Pomocne, i na pewno z tego skorzystam :)
OdpowiedzUsuńobs/obs ? zoabserwuj i czekaj na rewanż :*
klaudia-duczek.blogspot.com
Genialny blog,oraz posty :D
OdpowiedzUsuńmy-little-world-blog.blogspot.com
śliczny design :) przydatny post.Ładne zdjęcia.
OdpowiedzUsuńhttp://blogging-drug.blogspot.com/
Bardzo ładny design ♥
OdpowiedzUsuń♥MÓJ BLOG <--ZAJRZYSZ?♥
ale ładny wygląd bloga ;)
OdpowiedzUsuńobserwujemy?
ewamaliszewskaoff.blogspot.com
Great trick, thanks for sharing :)
OdpowiedzUsuńBrina xoxo, http://sweetstreetstyle.blogspot.com/
Wspaniały post <3 świetny blog <3
OdpowiedzUsuńobserwuję <3
pozdrawiam cieplutko
weeri-weri.blogspot.com
Świetny wygląd bloga! ;) Ja niestety się dopiero uczę. Zapraszam do siebie bo niestety jestem 'nowa' :)
OdpowiedzUsuńwedług mnie obecny nagłówek jest świetny, ale nowy też mi się podoba :)
OdpowiedzUsuńhttp://lookhowthestarsshineforu.blogspot.com/
Obydwa są genialne! Dziękuję za te kody, faktycznie nie najgorzej jest haha :D
OdpowiedzUsuńhttp://kikablog2000.blogspot.com/
Jakie piękne zdjęcia! Aktualny szablon mi się bardzo podoba :)
OdpowiedzUsuńJa też niedawno zmieniłam :)
OdpowiedzUsuńJully-Blog [KLIKNIJ]
o taaak! jest zdecydowanie lepszy, but... kocham te kolorki :D A fotki w poście genialne, naprawdę świetne <3
OdpowiedzUsuńzapraszam również do siebie na
DIYmyDESIGN.blogspot.com pozdrawiam ;***
Cudne zdjęcia :D
OdpowiedzUsuńPozdrawiam!!
Obs za Obs?
http://domadomcia6.blogspot.com/
Ja już !!
Przydatne! :D
OdpowiedzUsuńniktniewidzi.blogspot.com (KLIKNIJ TUTAJ)
Wygląd bloga, który zrobiłaś sama o wiele ładniejszy :) Lubię pastelowe kolory.
OdpowiedzUsuńPrzydatny post.
http://you-always-be.blogspot.com
Ten różowy design jest śliczny, taki weselszy :)
OdpowiedzUsuń¦ http://gabby-inspirations.blogspot.com/ ¦ - mój blog KLIK
Ojej super przydatny post!
OdpowiedzUsuńPozdrawiam serdecznie :*
Zmieniaj, czarno-biały też jest fajny, ale myślę że te kolory bardziej ożywią bloga :)
OdpowiedzUsuń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/
Śliczny ten szablon! :)
OdpowiedzUsuńby-kinqa.blogspot.com- KLIK
Ja bym zmieniła na Twoim miejscu :) Przydatne kody! Ciekawie piszesz, będę zaglądać :*
OdpowiedzUsuń♡❀ imagine-yuki.blogspot.com ❀♡
Szablon jest bardzo ładny, śmiało możesz zmieniać. Post o kodach css jest bardzo przydatny dla wielu osób, również dla mnie :)
OdpowiedzUsuńMój blog - KLIK
Szablon jest prześliczny. Zmień. Bardzo przydatny post. :))
OdpowiedzUsuńhttp://oliviejulie.blogspot.com/
ładny ten szablon. Zmień ♠
OdpowiedzUsuńśliczne zdjęcia :O
http://by-aleksandraa.blogspot.com/ ♥♥♥ZAPRASZAM DO MNIE♥♥♥
zmień szablon :)
OdpowiedzUsuńwspólna obserwacja ? http://izey-izabella.blogspot.com/
Design bardzo wystrojowy :) Co do kodów nadają lepszości wszystkim blogom , także i twojemu:) Obserwuję:)
OdpowiedzUsuńhttp://spelniaj-twoje-marzenia.blogspot.com/
Pozdrawiam♥
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ńPrzydatne informacje :)
OdpowiedzUsuńmjakmamuska.blogspot.com
robotkidreamer.blogspot.com
Przydatny post.
OdpowiedzUsuńMi się bardzo podoba obecny design :)
porcelain-butterflies.blogspot.com
Bardzo przydatny post:) Mi osobiście podoba się Twój wygląd bloga:)
OdpowiedzUsuńhttp://xsomething-positivex.blogspot.com/
piękny wygląd bloga, może sama w swoim coś zmienie ;)
OdpowiedzUsuńzaobserwowałam i zapraszam do siebie ;)
http://lilajanowska.blogspot.com/
Bardzo przydatny post,ładny design. <3
OdpowiedzUsuńMój Blog - klik!
Świetny szablon ;)
OdpowiedzUsuńNowy wygląd będzie wyglądał cudnie! Zmieniaj szybko i sie nie zastanawiaj :) ananasowyekspres.blogspot.com
OdpowiedzUsuńDzieki za podaie tych wszystkich kodów :)
OdpowiedzUsuńhttp://teenluxy.blogspot.com/
przydatny post, na pewno z niego skorzystam i to nie raz. :)
OdpowiedzUsuńhttp://berry-lifestyle.blogspot.com/
Masz ciekawego bloga! Będę do Ciebie zaglądać, życzę dalszych sukcesów i wytrwałości :)
OdpowiedzUsuń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.
Super zdjęcia :)
OdpowiedzUsuńhttp://weronika-centkowska.blogspot.com
Bardzo przydatny i ciekawy post ! :D
OdpowiedzUsuń+ Obserwuje
Mój blog KLIK
Mi się podobają oba design'y. Obecny jest taki świeży, natomiast ten drugi bardziej stonowany, z klasą :)
OdpowiedzUsuńhttp://natforart.blogspot.com/
Mi chyba bardziej podoba się obecny design, ale ten, który przygotowała też bardzo ładny :)
OdpowiedzUsuńZapraszam: nataliafbl.blogspot.com (jeśli blog ci się spodoba miło by było gdybyś zaobserwowała :))
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 :)
OdpowiedzUsuń+ świetny blog i posty, na pewno będę tu często zaglądać!
squirtpride.blogspot.com
Obecny wygląd bloga bardziej mi się podoba, chociaż ten nowo przygotowany też jest świetny! Przydatne kody :)
OdpowiedzUsuńizilleys.blogspot.com
Genialny post, ja prowadzę bloga od 4 lat i nadal nie ogarniam tych wszystkich kodów...
OdpowiedzUsuńBardzo podoba mi się aktualny wygląd bloga, niestety sama nie potrafię zrobić żadnego :p
OdpowiedzUsuńŚliczne zdjęcia
Pozdrawiam Zuzia
mademoisellesusan.blogspot.com
Fajnie że zrobiłaś taki post , i pokazujesz innym jak można ulepszyć swojego bloga ! to naprawdę pomocne ;)
OdpowiedzUsuńnatalia-cieslak.blogspot.com
Przydatne kody! :)
OdpowiedzUsuńdoska-style.blogspot.com <- KLIK
ten wygląd jest naprawdę śliczny, wszystko do siebie pasuje :)
OdpowiedzUsuńnones-blog.blogspot.com
Świetny post! Mi się bardziej podoba ten szablon, który masz teraz. Jest bardziej oryginalny :)
OdpowiedzUsuńzuzu-zuzannaxx.blogspot.com
Nie wiem czy Ci pomogę , bo dla mnie ten i ten design jest fajny !
OdpowiedzUsuńChyba wole ten co jest teraz , jakoś bardziej do mnie przemawia :)
http://dennaystyle.blogspot.com
mi sie ten design podoba ktory masz teraz, jest boski!
OdpowiedzUsuńfrydrychmartyna.blogspot.com
Ten design bloga jest świetny! Bardzo mi się podoba.Zostaw ten niebiesko-żółty. ;)
OdpowiedzUsuńZapraszam również do mnie.Może ci się spodoba i zostaniesz na dłużej. :)
Pozdrawiam cieplutko :*
http://kaamaam-blogg.blogspot.com/