Jak edytować wygląd archiwum - styl hierarchia

wtorek, 12 lipca 2016

Pisałam już kiedyś o tym jak edytować wygląd archiwum - styl menu. Na Bloggerze oprócz stylu menu, mamy również dwa inne style jak np. hierarchia i lista. Dziś skupimy się nad edytowaniem wyglądu archiwum w stylu hierarchia. Wszystko będzie opierać się na kodach CSS, więc nie powinno sprawiać Wam to problemu. 

1. Każdy powinien mieć już swoje archiwum w układzie bloga i opcjonalnie zawsze jest ono ustawione jako hierarchia, ale jeśli mamy inaczej to przechodzimy do układ - szukamy gadżetu archiwum bloga - edytuj - hierarchia - zapisz. 

2. Kiedy już mamy to wszystko ustawione, przechodzimy do szablon - dostosuj - zaawansowane - dodaj arkusz CSS i wklejamy poniższy kod: 

.post-count, .post-count-link {
font-weight: 700;
font-family: Open Sans;
letter-spacing: 1px;
font-size: 14px;
color: #444;}
.archivedate {text-transform: uppercase;}
.archivedate a:link {color: #eb7c96;}
.widget .zippy {
color: #eb7c96;
text-shadow: none;
}

Analiza kodu: 

.post-count, .post-count-link {
font-weight: 700;
font-family: Open Sans;
letter-spacing: 1px;
font-size: 14px;}
.archivedate {text-transform: uppercase;}
.archivedate a:link {color: #eb7c96;}
.widget .zippy {
color: #eb7c96;
text-shadow: none;}

MIESIĄC I ROK 

Pogrubienie (można ustawić od 400 do 700 - im większa liczba tym grubsze) 

Rodzaj fontu 

Odstęp między literami 

Wielkość fontu 

MIESIĄC I TYTUŁY WPISÓW

Drukowane litery 

LINKI 

Kolor linków 

STRZAŁECZKI 

kolor strzałeczek

brak cienia

Efekt: 

Jeśli spodobał Ci się wpis, przekaż go dalej :)