28.02.2015

Jak zbudować ładny i funkcjonalny szablon bloga ?

Witajcie!
Co u Was? U mnie dobrze. Muszę Wam powiedzieć, że ostatnio poświęcam czas wolny przemyśleniom na temat przyszłości. Może to wydawać się dziwne, ale tak! Myślę o sprawdzianie szóstoklasisty, a także, jak wiecie ze wstępu do poprzedniego posta - o gimnazjum. Natomiast zdaję sobie sprawę, że też nie można się zapomnieć wrócić do rzeczywistości, jednak czasem miło tak podumać, co będzie lub co by było gdyby. 
Zresztą muszę skupiać się na nauce - mamy ostatnio dużo sprawdzianów z różnych przedmiotów. Jutro jest matematyka, wczoraj była przyroda, a dzisiaj był polski i również przyroda.

Jednak zacznijmy już dzisiejszy post :)

1. Kolorystyka
 
Na początku wspomnę może o czarnym tle szpalty głównej i białym tekście.
Na pierwszy rzut oka może to wyglądać elegancko i schludnie, jednak, gdy czytamy dłuższy, obszerniejszy tekst, oczy najzwyczajniej nam się męczą. To zniechęca do czytania każdego, kto chce zapoznać się z treścią naszego posta. 
Ponadto, nie możemy umieszczać zbyt wielu kolorów w blogu. Tak, design powinien być ciekawy, ładny, jednak właśnie za duża liczba barw właśnie to uniemożliwia.  




2. Tło obrazek

Jest jednym z elementów ozdobnych bloga. Jednak, przy jego wyborze, uwzględnijmy kolor i wzór. Tło powinno pasować do kolorystyki bloga i nie może być jaskrawe, neonowe, bardzo przyciągające wzrok. Nie ma odwracać uwagi czytelnika od naszych postów, prac, bo jakby nie patrzeć, to one są tym najważniejszym elementem na blogu.
Osobiście polecam tła z białym marmurkiem, białym drewnem, delikatnymi kropkami, a także kwiatami vintage.


Tło od Julii z Don't Be Normal 
Dzięki :)



3. Pasek boczny

Kilka spraw jego dotyczących:

  • tekst powinien być wyśrodkowany - wtedy będzie oddzielał się od szpalty głównej,
  • granica między nim a szpaltą główną może być zaznaczona delikatnym akcentem (możemy go ustawić w Projektancie Szablonów Bloggera)
  • powinno się podać info o sobie, aby czytelnicy wiedzieli z kim mają do czynienia :)
  • inne gadżety też są niezbędne, np. Archiwum bloga czy Obserwatorzy
  • nie powinno się dodawać zbyt dużej liczby banerów reklamowych
  • tak jak tło, nie może za bardzo przyciągać uwagi czytelnika
  • o jego położeniu warto już jednak zdecydować samemu






 
4. Czcionki

Wbrew pozorem jej dobór jest też ważny! Do treści posta najlepiej wybrać prostą, klasyczną - Times New Roman, Arial, Georgia czy Verdana. Najlepszymi kolorami będzie czerń bądź ciemna szarość. 
Na tytuł posta zaś możemy wziąć bardziej wymyślną czcionkę - na przykład Dancing Script bądź Coming Soon. Kolor czcionki jest dopasowany oczywiście do barw bloga.
W przypadku tytułów gadżetów, mamy tą są sytuację, co w tytule posta. Istnieje także jeszcze jedna opcja - zrobić je jako obrazki w edytorze grafiki, np. PicMonkey.

Tytuł posta i treść

 

Przykładowy tytuł gadżetu zrobiony w PicMonkey



5. Nagłówek

Będzie on czynił bloga bardziej profesjonalnym i ładniejszym. Jego kolorystyka dobrana do barw bloga.
Sama postawiłam na czerń, szarość i zwykły napis, jednak Wy możecie bardziej "zaszaleć" co do kolorów, naturalnie. W nagłówkach ładnie prezentują się też różne grafiki (tak, też dopasowane do kolorów bloga :D).

Teraz, może przejdźmy do bardziej szczegółowych spraw.

Nagłówek zrobiony kiedyś - przeze mnie.












6. Ikonki społecznościowe

Są one dobrym rozwiązaniem, gdy macie konta na różnych portalach, typu FB, Instagram, Tumblr, Twitter, YT. Możecie dokładnie ustalić ich wymiar, kolor, efekt po najechaniu na nie kursorem. W tym poście pisałam właśnie jak takie wykonać na profilki.pl: link. 

Przykładowe ikonki społecznościowe zrobione przeze mnie.



7. Zakładki - strony

Gdy macie dużo informacji do pogrupowania, naprawdę się przydają. Jak zwykle, mamy pełną gamę kolorystyczną, wybór czcionki, a także obramowania. Na przykład w stronie "O mnie" można napisać trochę więcej o swojej osobie niż w pasku bocznym ;)


Takie sobie przykładowe strony :D





8. Drobne dodatki z pomocą kodów CSS i HTML

Podświetlenie zdjęcia na biało po najechaniu kursorem, wyjustowanie tekstu posta, podkreślenie tytułu posta, strzałka przenosząca w górę, okrągłe avatary osób komentujących, usunięcie napisu "Technologia Blogger".... - takich efektów do wykorzystania jest baardzo dużo :)
Zresztą tutorialom jak właśnie takie dodatki umieścić na blogu, poświęcam większość moich postów.
Takie małe detale dodają blogowi urody i uroku. Są super w przypadku, gdy chcemy na naszym blogu coś zmienić, ale tylko troszeczkę!



A więc to już koniec mojego "monologu" :)
Piszcie, czy Wam pomógł.
Do zobaczenia w następnym poście!
Karolina
PS Tak, post miał być w tą środę. Strasznie Was przepraszam, ale jestem strasznie zabiegana!


5 komentarzy:

  1. Jak dla mnie tło jest bardzo ważne. Moim zdaniem powinno być stonowane.

    Pozdrawiam!
    http://alittle-me.blogspot.com/

    OdpowiedzUsuń
  2. Dzięki wielkie za skazówki . MOżesz ocenić mój wygląd bloga , czekam na komentarz,.
    noowosadka.blogspot.com

    OdpowiedzUsuń
  3. Świetny post :)
    Mogłabyś poklikać w linki w najnowszym poście? To dla mnie bardzo ważne, z góry dzięki :)

    http://photo-kinga.blogspot.com/2015/03/wiosna.html#comment-form

    OdpowiedzUsuń
  4. jak założyłaś bloga ? czekam na odp

    OdpowiedzUsuń

♥ Weryfikacja obrazkowa wyłączona
♥ Za wszystkie komentarze z góry dziękuję
♥ Jeżeli w komentarzu pozostawicie link do swojego bloga, na pewno go odwiedzę!
♥ Obraźliwe komentarze będą usuwane