Step by Step

Witam w Step By Step ! 

Pod spodem macie kilka porad jak ulepszyć wygląd waszego bloga. Serdecznie zapraszam !

1. Jak wyśrodkować tytuł posta

1. Otwieramy "Szablon".

2. Klikamy na "Edytuj kod HTML".

3. Po lewej stronie macie numery linijek. Obok znajdują się czarne strzałeczki. Kliknijcie na pierwszą. Po rozszerzeniu się kodu znajdźcie linijkę:

/* Posts

----------------------------------------------- */

4. Pod nią wklejcie:

h3.post-title {text-align: center;}

5. Zanim zapiszecie szablon sprawdźcie czy tytuł jest już na środku ("Podgląd szablonu").

_______________________________________________________________________

2. Jak wyśrodkować pasek stron 

1. Otwieramy "Szablon".

2. Klikamy na "Edytuj kod HTML".

3. Wyszukujemy część:

/* Columns

----------------------------------------------- */

4. Nad nią wklejamy:

.PageList {text-align:center !important;}

.PageList li {display:inline !important; float:none !important;}

5. Zanim zapiszecie szablon sprawdźcie czy strony są już wyśrodkowane ("Podgląd szablonu").

_______________________________________________________________________

3. Jak wyśrodkować datę

1. Otwieramy Projektanta szablonów Bloggera (znajduje się on w Układzie).
2. Klikamy na "Zaawansowane".
3. Na dole listy (z prawej strony) wybieramy "Dodaj arkusz CSS".
4. W białe pole wklejamy ten kod:

.date-header {

text-align:center;

}

5. Sprawdzamy czy w podglądzie data została wyśrodkowana. Jeżeli tak to klikamy na "Zastosuj do bloga".

_______________________________________________________________________

4. Jak zmniejszyć odległość między datą, a tytułem

1. Otwieramy Projektanta szablonów Bloggera (znajduje się on w Układzie).

2. Klikamy na "Zaawansowane".

3. Na dole listy (z prawej strony) wybieramy "Dodaj arkusz CSS".

4. W białe pole wklejamy ten kod:

h3.post-title {

margin-top: -8px !important;

5. Sprawdzamy czy odległość się zmniejszyła (jeżeli nadal jest za duża to spróbujcie wpisać inną wartość zamiast "8"). Jeżeli tak to klikamy na "Zastosuj do bloga".

_______________________________________________________________________

Mam nadzieje, że moje rady się wam przydadzą... 
Piszcie w komentarzach, czy jeszcze coś dodać !

~ Anet