Witajcie znowu po (niestety) dłuższej przerwie. Została ona spowodowana moim wyjazdem na ferie. Naprawdę Was przepraszam, ale nie miałam na nim czasu, aby poświęcić się blogowi, a gdy już wróciłam byłam zbyt zajęta na pisanie postów. Dziś jednak przychodzę do Was z postem związanym z designem bloga - tutorialem, jak dodać datę opublikowania posta w kółku.
Więc zaczynajmy!
Krok 1.
Wchodzimy na naszego Bloggera, a następnie w Szablon.
Krok 2.
Wybieramy Dostosuj.
Krok 3.
Pojawia nam się menu Projektant szablonów Bloggera.
Wybieramy Zaawansowane.
 |
Krok 4.
Zjeżdżamy na sam dół listy i klikamy Dodaj arkusz CSS.
Krok 5.
W pole wklejamy nasz kod (kody podam za chwilę) i wciskamy klawisz Enter.
Uwaga! Jeśli w tym polu macie już jakiś/jakieś kod/kody CSS, już Wam pokazuję, co należy zrobić.
Przy ostatnim znaku ostatniego naszego kodu CSS stawiamy kursor i wciskamy klawisz Enter.
Następnie wklejamy nasz kod i ponownie wciskamy Enter.
Kod (każdą część wklejamy część pod częścią):
.date-header span {width: 60px; height: 60px; border-radius: 100% ;}
Pogrubiona czcionka to liczba pikseli, którą można dowolnie zmieniać, a czcionka kursywa to procenty.
Należy pamiętać, że tylko liczba 100 daje nam całkowicie zaokrąglone rogi.
date-header span {background-color: #ffffff ;}
Można również zmienić kolor czcionki daty, wpisując kod koloru. Ten najlepiej wybrać z palety kolorów w HTML: Klik!
.date-header span {text-align: center ;}
Ten kod służy do umiejscowienia daty w kółku. W pogrubionym miejscu można wpisać:
center - wyśrodkowanie, left - do lewej, right- do prawej.
.date-header span {margin: -0px -100px -90px -97px;}
Ostatni kod, jest na dokładne ustawienie położenia daty, zmieniając pogrubione liczby.
Więc cały kod może wyglądać tak:
.date-header span {width: 60px; height: 60px; border-radius: 100% ;}
.date-header span {background-color: #F0EDE6 ;}.date-header span {text-align: center ;}
.date-header span {margin: -0px -100px -90px -97px;}
Gotowe!
PS1 Jeszcze raz przepraszam Was za dłuższą nieobecność na blogu :(
PS2 Jeżeli macie swoje pomysły na posty, piszcie je w komentarzach lub w mailach. Są bardzo mile widziane!
Karolina