Jak wyśrodkować tytuł posta / nagłówek daty / zawartość gadżetów / nagłówek bloga - Blogger

Witajcie!

Dziś chciałabym Wam przedstawić tutorial Jak wyśrodkować tytuł posta/nagłówek daty/zawartość gadżetów/nagłówek bloga.
W związku z tym, że jest to mój pierwszy post tutorialowy, mam nadzieję, że będzie zrozumiały i pomocny. :)
Zapraszam do czytania!

Zaczynajmy!!

Krok 1.

Wchodzimy w menu Szablon.

Krok 2.

Klikamy na klawisz 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.


Kody:

1.Wyśrodkowanie tytułu posta

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


 2. Wyśrodkowanie nagłówka daty

.date-header {text-align:center;}


3. Wyśrodkowanie zawartości gadżetów

.widget {text-align: center;}


4. Wyśrodkowanie nagłówka

a) jeśli obraz nagłówka jest wgrany jako Zamiast tytułu i opisu:  

#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;}

b) jeśli obraz nagłówka jest wgrany jako Za tytułem i opisem: 

#header-inner {background-position: center !important; width: 100% !important;}

c) wyrównanie tekstu z obrazkiem: #header-inner {text-align: center ;}

d) po prawej obrazek, po lewej tekst (tu trzeba pamiętać, by obrazek wstawiany w nagłówku miał mniejszą szerokość, niż blog):  

#header-inner {background-position: right !important; width: 100% !important;} .titlewrapper, .descriptionwrapper {padding-right: 100px !important;}

Gotowe !


Jeszcze jedna wskazówka

Jeżeli chcecie nie wyśrodkować, a wyrównać do prawej/lewej któreś z powyższych elementów bloga,
usuwamy wyraz center w kodzie CSS i zastępujemy go right (jeśli chcemy wyśrodkować do prawej) lub left (jeśli chcemy wyśrodkować do lewej).
Uwaga! Nie umieszczamy żadnych spacji, znaków, usuwamy wyraz i wpisujemy inny.

Powyżej przykłady dwóch kodów (wyśrodkowanie nagłówka daty oraz tytułu posta)
 

Jak myślicie, czy podobał Wam się mój dzisiejszy post? Czy był zrozumiały? :D


Czas mnie goni, już muszę lecieć! :)
Do zobaczenia w następnym poście!

Karolina

Wprowadzenie :)

Witajcie!

Oto pierwszy post na moim blogu. Blogu o tematyce "blogowej". Słowo "blogowej" może trochę dziwnie brzmi, ale już je wyjaśniam. :) Na moim blogu będę dodawać posty właśnie o takiej tematyce, czyli tutoriale (jak zrobić...?), posty przedstawiające pewne blogowe (i nie tylko!) zagdnienia, ale także porady. Postaram się, aby każdy post był jak najbardziej dopracowany, staranny. I jeszcze jedno. Aby posty były dodawane jak najczęściej. :)

Z tego względu, że już napisałam troszkę o blogu, wspomnę coś o mnie. Nazywam się Karolina, mieszkam w Polsce. Interesuję się blogowaniem, projektami DIY i gwiazdami. Lubię oglądać filmiki na YT moich ulubionych youtuberów, słuchać muzyki, chodzić na zakupy.

Tak sobie myślę, że muszę już kończyć, mam ważną rzecz do załatwienia.

Tak więc, do zobaczenia w następnym poście i pa!

Karolina