czwartek, 18 czerwca 2015

Arkusz CSS nie taki straszny. Stwórz swojego bloga #porady dla bloggerów

Hej. 

Kilka miesięcy temu wpadłam na pomysł stworzenia pomocnego postu tyczącego się arkuszy CSS czyli prościej - zmieniania wyglądu bloga. 
Nie każdy kto zaczyna przygodę z blogowaniem wie jak dostosować wygląd strony do swoich upodobań i decyduje się jednak na te nie do końca zadowalające go gotowe motywy. 
HTML wygląda strasznie, a to co blogger oferuje brzydkie - martwy punkt? 
Nie do końca.


Byłam pytana o to co zrobiłam, że mój blog tak się zmienił. 
Owszem, przeszedł ogromną zmianę. 
Pamięta go ktoś gdy miał jeszcze różowe tło w serduszka wstawione do gotowego designe? 
Tak na prawdę nie potrzeba nikogo do sprawnego obrobienia strony - no chyba, że do stworzenia nagłówka. 
Ja chcę pokazać jak nie zagłębiając się w kody HTML a posługując się łatwymi komendami i "kopiuj/wklej" możecie stworzyć coś unikatowego i ładnego. 



Ale gdzie są te arkusze CSS? Przygotowałam Wam małą instrukcję! 



1. Gdy chcemy znaleźć arkusze CSS musimy wejść w zakładkę szablon;
2. Gdy już wejdziemy w szablon powinniśmy zobaczyć twa obrazki - to widoki naszego bloga na komputerze i na telefonie. Pod wersją stacjonarną mamy kolejne dwa okienka - "Dostosuj" i "Edytuj kod HTML". Klikamy dostosuj. 
3. Automatycznie zostaniemy przeniesiemy na nową stronę. Na górze ekranu pojawi się ciemny pasek z podstronami "Szablony", "Tło", "Dostosuj ustawienia szerokości", "Układ" i "Zaawansowane". Pod tym ciemnym paskiem z zakładkami mamy widok naszego bloga. Klikamy w "Zaawansowane" 
4. Po kliknięciu w "Zaawansowane" pojawi nam się obok kolejna lista stron. Musimy zjechać na sam dół i voila! Tam oto są arkusze CSS. Klikamy w nie i obok pojawia nam się pole tekstowe w którym wpisujemy nasze kody.

1. Tekst w kolumnach... 


Jest brzydko wyjustowany? Do lewej prawda? 
Ja lubię gdy jest na środku. I do tego ten kod: 

.column-right-inner {text-align: center; }


Gdy wkleicie ten oto kod do arkusza CSS tekst w kolumnach automatycznie się wyjustuje. 

2. Pasek stron jest z lewej? 

Pasek stron jest to ta cienka (bądź grubsza) listwa tuż pod nagłówkiem bloga. Możemy w niej umieścić linki przekierowujące czytelników na nasze inne konta.
Przy pierwszym tworzeniu tego gadżetu napisy oczywiście są z lewej strony. 
A przecież ładniej wygląda po środku. 
Więc wpisz ten kod i ciesz się ładnym wyśrodkowaną listą! 
Wygląda to dużo bardziej estetycznie. 

#PageList1 ul {text-align: center;}



3. Nudne tytuły? 

Spokojnie! Oprócz zmiany koloru możecie też sprawić, że literki w tytule posta rozsuną się i lekko powiększą! A to wszystko za sprawą tego jednego kodu:

a:hover { letter-spacing: 4px }

Natomiast ten oto kod sprawi, że tytuł Waszego posta zmieni kolor!
W moim przypadku gdy mam szary - zmienia się on na jasnoniebieski. W połączeniu z rozsuwającymi się literkami wygląda to bardzo ładnie i jest ciekawym dodatkiem który nie wszyscy mają!

a:hover {text-decoration: none;}

Pytanie do Was: 
~Chcecie więcej takich postów? Porad, wrażeń, wskazówek? 
Szablon dla Bloggera stworzony przez Blokotka