Zrób sam design bloga! #1

January 21, 2015


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?

Share This Story

Tags:

You Might Also Like

21 komentarze

  1. jajajJanuary 21, 2015 at 2:45 PM

    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. Milena ŁukasiakJanuary 21, 2015 at 4:41 PM

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

    rilseee.blogspot.com

    ReplyDelete
  3. xklaudia..xJanuary 21, 2015 at 5:29 PM

    kilka z nich juz znalalm xx

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

    ReplyDelete
  4. UnknownJanuary 21, 2015 at 7:42 PM

    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. Patrycja PiankowskaJanuary 21, 2015 at 7:57 PM

      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. ToiJanuary 21, 2015 at 7:58 PM

    Przydatna notka :D
    Jestemfolta.blogspot.com

    ReplyDelete
  6. KlaudencjaJanuary 21, 2015 at 8:56 PM

    Bardzo przydatne! :)

    http://sapphireblog1.blogspot.com

    ReplyDelete
  7. DreamerJanuary 22, 2015 at 10:18 AM

    przydatny post :)
    robotkidreamer.blogspot.com

    ReplyDelete
  8. UnknownJanuary 22, 2015 at 2:57 PM

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

    ReplyDelete
  9. bykarolinaJanuary 22, 2015 at 3:37 PM

    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. paula styleJanuary 22, 2015 at 11:25 PM

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

    ReplyDelete
  11. Carpe DiemJanuary 23, 2015 at 12:50 PM

    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. duo-jessieJanuary 23, 2015 at 2:44 PM

    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
  13. P.January 23, 2015 at 4:42 PM

    przydatny post:)
    nakrancumarzen.blogspot.com

    ReplyDelete
  14. Aleksandra Guzdź January 23, 2015 at 6:41 PM

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

    ReplyDelete
  15. AnonymousJanuary 23, 2015 at 9:55 PM

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

    ReplyDelete
  16. UnknownJanuary 23, 2015 at 10:04 PM

    Bardzo fajny i przydatny post :)

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

    ReplyDelete
  17. AleksandraJanuary 23, 2015 at 11:27 PM

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

    simplyandwhite.blogspot.com

    ReplyDelete
  18. UnknownJanuary 24, 2015 at 8:57 AM

    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
  19. Aleksandra TwarogJanuary 25, 2015 at 7:07 PM

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

    alqxx.blogspot.com

    ReplyDelete
  20. ellieJanuary 26, 2015 at 10:04 PM

    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

Like us on Facebook