Zrób sam design bloga! #1


Wygląd bloga jest dla blogerek/blogerów bardzo ważny. Czytelnik wchodząc na bloga z ładnym designem od razu chce zostać tam dłużej. Początkowi blogerzy nie mają nawet czasami pojęcia o kodach CSS/HTML. Sama z początku nie wiedziałam, że jest takie coś jak CSS. Dopiero po kilku miesiącach załapałam o co w tym chodzi. Trzeba też mieć kreatywny pomysł na wygląd bloga. Przygotowałam dla was przykładowy design, który w wykonaniu jest bardzo prosty, a przy tym klasyczny. Szablon składa się głównie z kodów CSS, które wam przedstawię poniżej.

TYTUŁ POSTA
tło h3.post-title {background-color: #111111 ;}
margines górny h3.post-title {margin-top: -15px ;}
wyśrodkowanie h3.post-title {text-align: center ;}

#111111 - kolor tytułu posta (wartość można zmieniać)
margin-top: -15px - odległość od tytułu posta do daty
text-align -położenie tekstu

DATA
wyśrodkowanie h2.date-header {text-align: center ;}

GADŻETY
zbliżenie sidebar .Image {margin-bottom: -42px ;}
usunięcie tytułów gadżetów .column-right-outer h2 {display: none ;}
right - prawa kolumna (wartość można zmienić na left, czyli na lewą kolumnę)

POZIOME ARCHIWUM
Układ > Dodaj gadżet > Tekst

I tutaj piszemy jak ma wyglądać nasze archiwum, np.
2014
styczeń | luty | marzec

Kiedy wszystko mamy wypisane zaznaczamy wybrany miesiąc i klikamy Utwórz link. W okienku wprowadź adres URL wpisujemy następujący tekst:
http://piankaofstyle.blogspot.com/2014_01_01_archive.html
piankaofstyle.blogspot.com - adres bloga zmieniamy na swój
2014_01_01 - w zależności, który miesiąc wybierzemy wartość też się zmienia

Znaliście te kody? Czy dla początkowych blogerek są przydatne?

23 comments:

  1. ja też dopiero zaczynam, ta notka mi na pewno pomoże ;) w wolnej chwilii będę próbowała coś zmienić w wyglądzie :)

    http://zagulaczek.blogspot.com/

    ReplyDelete
  2. Oo Dziękuję, na pewno mi się przydadzą :)

    rilseee.blogspot.com

    ReplyDelete
  3. kilka z nich juz znalalm xx

    http://klaudiaandmylife.blogspot.co.uk/

    ReplyDelete
  4. super post! a chciałabym się dowiedzieć jak zrobiłaś takie śliczne social media nad zdjęciem i jak zrobiłaś żeby zdjęcie było w całości a nie wycięte w kwadrat? :)

    ReplyDelete
    Replies
    1. Social media pochodzą ze strony iconfinder. Mi czasami nie wychodzą, ale myślę że bym zrobiła te podobne co z tej strony. Aby zdjęcie było w całości wstawiłam zdjęcie z odpowiednią szerokością co do paska bocznego. W ten sposób zdjęcie nie jest wycięte w kwadrat. :)

      Delete
  5. Przydatna notka :D
    Jestemfolta.blogspot.com

    ReplyDelete
  6. Bardzo przydatne! :)

    http://sapphireblog1.blogspot.com

    ReplyDelete
  7. przydatny post :)
    robotkidreamer.blogspot.com

    ReplyDelete
  8. Bardzo dobrze napisany poradnik dla początkujących blogerów.
    World reflected in the mirror

    ReplyDelete
  9. Cześć,świetny post chciałabym cię poprosić abyś zrobiła mi design do mojego bloga. Napisz na fb jeśli mogłabyś i chciała mi pomóc. Karolina Zając :)

    ReplyDelete
  10. Bardzo przydatny post
    Pozdrawiam
    http://pauline-memories.blogspot.com

    ReplyDelete
  11. Wygląd bloga jest bardzo ważny. Wchodząc na bloga to pierwsze co zauważamy to własnie wygląd.
    Ja na samym początku również nie rozumiałam o co chodzi.

    Renii blog!!!!

    ReplyDelete
  12. Prowadzisz wspaniałego bloga! Bardzo podoba mi się Twój styl pisania, zdjęcia i sam desing. Będę tu zaglądać częściej. :)


    http://fashion-is-on.blogspot.com/
    https://www.youtube.com/channel/UCkTSLDXgJlmLMJ0iEcRAdfw/videos

    ReplyDelete
  13. Ja zaczynając blogować też prosiłam moją koleżankę o pomoc z wystrojem bloga. Dopiero teraz, gdy zobaczyłam ile jest poradników i że wcale nie jest to trudne, zaczęłam to robić sama. Sądzę, że wiele początkujących blogerek wykorzysta Twoje rady :)

    duo-jessie.blogspot.com

    ReplyDelete
  14. przydatny post:)
    nakrancumarzen.blogspot.com

    ReplyDelete
  15. ciekawy post
    http://fashionbyalexandra1999.blogspot.com/

    ReplyDelete
  16. Kody jak najbardziej przydatne dla początkujących! Dobrze, że napisałaś takiego posta.
    Pozdrawiam,aleksandraxa.blogspot.com.

    ReplyDelete
  17. Bardzo fajny i przydatny post :)

    pozdrawiam,
    http://pohika.blogspot.com/

    ReplyDelete
  18. Bardzo pomocne, ponieważ korzystam z mnóstwa kodów! :)

    simplyandwhite.blogspot.com

    ReplyDelete
  19. Znałam te kody, ale dla początkujących blogerek (i nie tylko) na pewno będą one bardzo przydatne! ;)
    kikaa-blog.blogspot.com [KLIK]

    ReplyDelete
  20. Post jak najbardziej przydatny. :-)
    Pozdrawiam. :-)

    Zapraszam do siebie. :-)

    Mój blog

    ReplyDelete
  21. Post okazał się TAAAAK przydatny! <3
    Wielkie dzięki! już próbuję coś działać! ;*

    alqxx.blogspot.com

    ReplyDelete
  22. Bardzo spodobał mi się Twój blog i sposób, w jaki go piszesz. Obserwuję i obiecuję zaglądać częściej, również jestem z województwa Podlaskiego i mam podobne problemy jeśli chodzi o alergię :/ Co ty na to, żeby nawiązać jakiś bliższy kontakt?


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

    ReplyDelete