jak stworzyć bloga

Jak zrobić bloga ładnego i estetycznego

Mam dla Ciebie super poradnik jak zrobić bloga, który na dodatek będzie ładny i estetyczny. W pierwszej części moich subiektywnych porad pisałam o ogólnych zasadach przejrzystego bloga, było nieco o układzie, foncie czy kolorach. Nie zabierajcie się za czytanie poniższych wskazówek, jeśli ominął Was poprzedni wpis.


Skoro wiecie też jak blog NIE POWINIEN wyglądać, dziś chcę udostępnić Wam gotowe narzędzia do jego upiększenia

 

szablony na blog wordpress

 

Jak zrobić bloga ładnego i estetycznego

 

 

FONT

 

Zbyt fantazyjny, zwłaszcza w nadmiarze, będzie razić i zniechęcać. Ale odpowiednio dobrany, wykorzystywana np. tylko w nagłówkach postów czy na grafikach/zdjęciach dodawanych do wpisów – pięknie podbije walory estetyczne waszego miejsca w sieci.

Ciekawe fonty z polskimi znakami znajdziecie u Pauli (onelittlesmile.pl) w co 3 miesięcznym cyklu; do tej pory pojawiły się już fonty na lato i jesień. Mnie osobiście zauroczył Grand Hotel i Amatic SC <3

Przydatna może być także strona polskieczcionki.blogspot.pl, ale tutaj przekopać trzeba się przez dziesiątki śmieci, żeby znaleźć perełkę wartą uwagi.

 

 

KOLORY

 

Nigdy nie miałam z tym problemu ze względu na dużą łatwość w dopasowywaniu barw, wiem jednak, że sporo osób oczekuje drogowskazu. Mam dla was jeden w postaci strony design-seeds.com – rewelacyjne zdjęcia inspirowane naturą, a jakże.

Mogłabym przeglądać je w nieskończoność… Ale do rzeczy, wróćmy do tematu, jak zrobić bloga, który nie odstraszy czytelników.

 

 

GRAFIKA

Ważne, aby styl wrzucanych przez Ciebie na bloga obrazków był spójny. Jeśli wybrałeś już paletę kolorystyczną, teraz powinno pójść z górki. Zastanów się, jak ten twój blog ma wyglądać, co reprezentować. Jeśli nie masz pomysłu, przeszukaj internet, przejrzyj losowe blogi, zwracając uwagę na kolorystykę, wzory przycisków, styl menu, ikony społecznościowe i tym podobne.

 

Na początek pomocne mogą okazać się strony:

Czasem przeszukuję google (grafika), w wyszukiwarkę wpisując GRAPHIC FREEBIES.

Ja zakochałam się w www.flaticon.com  i jest to mój absolutny faworyt! Znajdziecie tam grafiki wektorowe, które za darmo możecie użyć na swoich stronach. Przez wózki sklepowe, aparaty, loga znanych firm, aż po paczki tematyczne: lifestyle, travel, czy art. Polecam!

jak stworzyć bloga

 

Pamiętajcie, aby wszystkie grafiki, które planujecie użyć na blogu (nagłówek, przyciski czy garficzne menu) zawsze zapisywać w formacie .png!
Jeśli mowa o ogólnym wyglądzie bloga, zawsze możecie pobrać darmowy gotowy szablon. Nie zalecam jednak osobom początkującym.

 

>> Przeczytaj także: przydatne narzędzia dla blogerów

 

IKONY SPOŁECZNOŚCIOWE

 

Bloger bez social mediów nie istnieje, to już pewnie wiecie. Warto czytelnikom bloga dostęp do naszych innych kont ułatwić – ikony społecznościowe powinny znajdować się w widocznym miejscu, najlepiej w górnej części strony.
Wzory ikonek, które możecie wykorzystać do stworzenia swoich buttonów możecie pobrać na wyżej wspomnianym flaticon. W necie znajdziecie też całą masę gotowych grafik, które wystarczy pobrać i wstawić w odpowiednie okno. Ciekawe grafiki widziałam po wpisaniu w google FREE VINTAGE SOCIAL ICONS albo FREE PASTELS SOCIAL ICONS.
jak zrobić bloga
źródło ikon
Może przydać wam się instrukcja jak wstawić przyciski social media (w ten sposób można wstawić je w dowolne miejsce na blogu, nie tylko w pasku bocznym). A jeśli macie ochotę na wysuwany LIKE BOX, załączam instrukcję jak takowy zamieścić.

 

 

UKŁAD BLOGA

 

Trzy przykładowe układy, które sprawdzą się w 100% i z łatwością wykonasz je na bloggerze – publikowałam ostatnio, ale wrzucę dla przypomnienia:

jak zrobić blogajak zrobić ładnego bloga
Jak stworzyć bloga
Jak stworzyć bloga
Do ich wykonania potrzebujesz informacji:

 

 

JAK DODAĆ GADŻET NAD NAGŁÓWKIEM

 

Nad nagłówkiem świetnie sprawdzi się niewielkie menu z KONTAKTEM, zakładką O MNIE, czy buttonem o WSPÓŁPRACY. Może to być także dobra przestrzeń na niewielkie ikony społecznościowe.
Polecam Wam ten tutorial jak dodać gadżet nad nagłówkiem , autorstwa Hafiji – babeczka wie co robi, jej poradniki są napisane przystępnie i bez zbędnego pieprzenia. Przy okazji polecam zapoznać się z całą zakładką TUTORIALE na jej blogu ;]

 

 

JAK UTWORZYĆ GRAFICZNY PASEK ZAKŁADEK

 

Czasem na blogu brakuje 'tego czegoś’, może sprawę załatwi graficzne menu? Pamiętajcie, aby najpierw przygotować sobie obrazki (z .png na końcu!)

Ponadto o tym co powinna zawierać boczna kolumna bloga, jak dodać PIN IT button i o kilku innych sprawach związanych z designem blogspotowego bloga, znajdziecie na blogu Żyj Kochaj Twórz.

 

 

TŁO

 

Powinno pięknie uzupełniać bloga, ale nie odciągać uwagi od prezentowanej treści. Zaoszczędzę wam czas – nawet nie testujcie teł 'dołączonych’ do blogera, one naprawdę nie wyglądają dobrze. Warto przeszukać internety pod kątem czegoś subtelniejszego.
Fajne pastelowe tła swojego autorstwa udostępniła Magda z mypinkplum.pl, w jej wpisie znajdziecie także instrukcję jak takie tło zainstalować.
Ja jestem fanką strony subtlepatterns.com (tutaj znowu ukłony w stronę Pauli, bo to ona tą stroną uratowała mi dupsko) – pełen profesjonalizm, tła są subtelne, nienarzucające, ach, może pora na zmianę mojego? :)
W poszukiwaniu tła można oczywiście przekopać google graphic, choć tutaj uwaga na prawa autorskie i inne dziwne rzeczy.

 

 

KOMENTARZE

 

Ładny blog to nie tylko odpowiednia grafika, przejrzysty układ, czy czytelne zakładki. Na profesjonalny wizerunek składa się także wygląd okna komentarzy – warto poświęcić kilka minut, aby nieco je spersonalizować.

Przydatny może być dla was wpis jak utworzyć okrągły avatar, albo jak wyróżnić komentarze autora bloga.

Jak widzicie, wszystko to zostało już powiedziane, ja tylko zebrałam w kupę i podaję tym bardziej leniwym w pigułce.

Sposobów na ładny blog jest tysiące, szkopuł tkwi w tym, aby znaleźć swój własny – oryginalny, charakterystyczny.

Dla mnie punktem wyjścia były kolory – wiedziałam że muszą być szarości z tym dziwnym odcieniem różu, który widnieje w nagłówku, czy na przyciskach. Potem przejrzałam parę stron, które zapamiętałam jako ładne, zrobiłam projekt na kartce papieru (zawsze pracuję w ten sposób), wypisałam niezbędne elementy i zaczęłam tworzyć. Edycja kodu kosztowała mnie sporo nerwów, ale z Hafiją dacie radę. Powodzenia!

 

Skoro wiesz już jak zrobić ładnego bloga, oceń ten artykuł:

5/5 - (19 votes)

DOŁĄCZ DO LISLETTERA

.

RÓB FANTASTYCZNE ZDJĘCIA TELEFONEM

Wartościowy artykuł? Udostępnij:

Share on twitter
Share on telegram
Share on whatsapp

SKOMENTUJ:

Subscribe
Powiadom o
guest
116 komentarzy
najstarszy
najnowszy oceniany
Inline Feedbacks
View all comments
dancewiththecamera

Takimi wpisami motywujesz mnie do tego, aby się wreszcie porządniej za bloga zabrać. Dzięki! :)

uhh muszę znależć czas zeby dopiescic mojego bloga.. ( ah tylko kiedy!!??? O.o) w każdym razie wtedy tu wrócę.. na pewno :D

Honey Mind

Ten komentarz został usunięty przez administratora bloga.

Babatu

Jak ja Cię uwielbiam czytać i wracać po wiedzę :)
Świetny wpis !

Juliet

Ten komentarz został usunięty przez administratora bloga.

Bell

A ja mam pytanie – czy da się w jakiś prosty sposób na blogspocie zrobić takie graficzne menu, aby wstawić np. napis archiwum w formie obrazka? Wiem jak zrobić odnośniki do stron, ale archiwum nie ma chyba jako takiego linka a przynajmniej ja nie wiem gdzie go znaleźć :( Pomożesz? :p

Natalia Slawek

Zrób od innej strony – wstaw obrazek (ikonę ARCHIWUM czy co tam chcesz) w układ –> dodaj gadżet –> HTML/JAVA, w miejsce, gdzie chcesz mieć archiwum, a pod to wklej nowy gadżet, archiwum właśnie ;]

Kashmir Look

Śliczne tła na tej stronie :)

Anonymous

Jedyne co mnie wciąż powstrzymuje przed założeniem bloga, to nazwa. Musi być idealna. Ta jedyna. I szukam wciąż, od miesięcy…

Natalia Slawek

przeżywałam katusze próbując znaleźć swoją – wszystko było pozajmowane

Kinderki. eu

Jak się cieszę, że znalazłam Twój blog))

BEATA REDZIMSKA

Dzieki za te wszystkie adresy oj mam co poprzegladac. Pozdrawiam Beata

Ewa TK

Przydatne informacje :)

A ja niby tyle wiem, ale znaleźć i stworzyć idealnego szablonu nie mogę ;)

Wikilistka pl

Mnóstwo darmowych grafik jest też na freepik.com ;)

Natalia Slawek

O, dzięki za to, zaraz zedytuję posta, może ktoś skorzysta ;]

Magdalena B.

To ja polecam jeszcze iconfinder.com ;)

Anonymous

Mam pytanie zupełnie nie związane z postem. Co wato kupić w Anglii?? Będę w UK jeszcze przez tydzień. Zastanawiam się co warto przywieść do Polski? Byłabym wdzięczna za jakieś rady :) Czytam Twój blog od niedawna jest bardzo ciekawy :)
Pozdrawiam

Natalia Slawek

Trochę trudne pytanie… no bo odwróć je sobie, gdyby ktoś zapytał Ciebie co warto kupić w Polsce, co byś odpowiedziała? Może pomoże Ci ten wpis, choć nie do końca na temat http://www.jest-rudo.pl/2014/04/jak-oszczedzic-w-uk.html

Martynosia

Moim zdaniem ceny w Polsce sa podobne do tych w UK. Czasami mozna trafic jakis tanszy ciuch w TKmaxx lub Primarku. Sprzet elektroniczny rowniez wydaje mi sie ze jest tu troche tanszy, ale bez przesady, to juz nie te czasy, ze w PL nic nie bylo, albo bylo bardzo drogo ;) Teraz wydaje mi sie, ze to wlasnie w PL jest wiekszy asortyment i wybor towarow wszelakich ;)

Anonymous

Kilka ubrań kupiłam w Primarku w TKmaxx też coś tam dla siebie wybrałam :) sprzętu elektronicznego nie planuję kupować. Być może kupie jeszcze kilka kosmetyków :)
Dziękuję za odpowiedzi :)

Weronika

Ty to zawsze trafisz kiedy napisać taką notkę, no!

frugi

Uwielbiam takie wpisy, po prostu uwielbiam! A strona z tymi zdjęciami z paletami kolorów to jest po prostu cudo! :)

Dominika

Idealny post! Czas wziąć bloga w obroty i zmienić wszystko co trzeba! Dzięki Ci dobra kobieto za tak przydatnego posta! :)

Natalko, dobrze, że trafiłam tu do Ciebie.;) szczególnie, że dopiero zaczynam przygodę z blogowaniem, takim na poważnie. ;) Dzięki wielkie :*

Jagoda

Ja kompletnie nie ogarniam tych spraw, choć dzięki Tobie są o wiele, wiele jaśniejsze :) Mi szablon przygotował mąż, jest grafikiem, więc sprawa była nieco ułatwiona :)

Marie

Zachwyciło mnie design-seeds. Nie wiem tylko gdzie mam znaleźć ustawienia RGB wybranego koloru… Są tam jakies suwaczki ale zadnych wartosci

Marie

o już widzę, trzeba przytrzymac na nim kursor :)

Anonymous

Ten komentarz został usunięty przez administratora bloga.

Karolina W

Świetny, bardzo przydatny post! Uwielbiam Ciebie i Twojego bloga. Dziękuję :))

Natalia Slawek

Powinno się dać te Wasze komentarze 'polajkować’!

:)))

good day by M...

Twoje rady są zawsze bardzo pomocne i interesujące. Zabieram się cały czas za modyfikację mojego i Ty mi wszystko wyjaśniasz:) Bardzo lubię Twojego bloga!

Lena Poleska

Ruda spada z nieba! Tak bardzo bym chciała zmienić swojego blożka, ale nie wiem w którą stronę pójść. Takie wpisy tylko pomagają! :)

Urszula

Wow! Bardzo przydatny ten post! :) Dziękuję!

Arkadiusz Narowski

Staraj się podrzucać różne strony z poradnikami dotyczącymi modyfikacji bloga. Cieszę się, że ludzie dzielą się wiedzą, ale Hafija (jak i my wszyscy) czasem popełnia błędy, które są powielane potem przez kolejne osoby. Zajrzyj sobie na graphical-thoughts, tajemniczy–ogrod, forum Blogowicz itp. a zobaczysz ile jeszcze się można dowiedzieć na temat edycji bloggera ;-)

Natalia Slawek

Arek, Ty to jesteś złoty człowiek! W przyszłym tyg wygospodaruje trochę czasu, forum przejrzę od dechy do dechy i się postaram i swoje miejsce nieco ulepszyć ;] Dzięki!

hmm 80kg w złocie, to by było coś :D

Anonymous

Boże, jak ja się cieszę, że u Ciebie tyle świeżych, ciekawych wpisów!!!!:-))) Po wakacjach na Malcie wracam do świata żywych i nadrabiam zaległości modowe i lifestylowe:-) Pozdrawiam Cię serdecznie i dizękuję za wspaniałęgo bloga. Jestem Twoją wierną fanką. W prezencie link do filmiku z fotkami z Malty – tam byłam:-) https://www.youtube.com/watch?v=iHM6MvDu6Ww Całuski!!!

Kamila Arczyńska

Twoje poradniki są bardzo dobre, dlatego w sumie zaczęłam Cie obserwować.
Ja do konca jeszcze nie wiem jak chce, aby wyglądał mój blog. Tzn niby wiem, ale nigdy nie wyjdzie mi tak jak sobie wymyślę. Dążę jednak do ideału i mam nadzieję, że wkrótce mi się uda stworzyć coś fajnego :)

ania notuje

Poradnik poleciłam dalej ;) Mam nadzieję, że pomoże innym
http://www.anianotuje.pl/2014/09/ina-5-na-wrzesien.html

Madou

Dzięki ogromne za rady :) jak tylko wyłuskam nieco więcej czasu to biorę się ostro do roboty bo u mnie porażka (ale i tak już lepiej, niż wcześniej).

Mojra

Fajny poradnik :) Ja nie lubię w blogach nadmiernego upiększania i jak ktoś przyczepi coś latającego do kursora to mnie po prostu denerwuje…

Bianka

jak chcę dodać tło z tej strony subltepatterns to wyskakuje mi napis, że plik ma zły format albo jest uszkodzony. Jak to zainstalować?:(

Natalia Slawek

u mnie wszystko gra i buczy, nie wiem skąd ten problem; może spróbuj z inną tapetą?

Mari

Ja właśnie ostatnio mam wrażenie, że Amatic SC mi z lodówki wyskoczy.
Bardzo mi się podoba twoja czcionka, którą używasz do opisu zdjęć. Pamiętam, że kiedy widziałam ją po raz pierwszy, zastanawiałam się jak można tę czcionkę kreatywnie wykorzystać. I tobie świetnie się to udało.

I love handmade

Dziś zajrzałam do Pani po raz pierwszy i z pewnością zostanę na dłużej. Fajnie się było na Pani bloga nadziać :) Tymczasem zabieram się do małego remontu na swoim blogu :)
Pozdrawiam cieplutko

Kawę Dożylnie

Skarbnica wiedzy:-) Mam pytanie, czy w blogerze można zmienić położenie „czytaj więcej…”- rozwinięcia pod postem? Oryginalnie jest z lewej strony, ale chciałabym umieścić go na środku.

[…] DESING-SEEDS  -to stronka gdzie macie gotowe palety, które mogą być drogowskazem do doboru odpowiednich kolorów. Znajdziecie tu kilkanaście gotowych palet, stronkę znalazłam dzięki Natalii. […]

Justyna Nicka

A ja mam pytanie, moze okazac sie one banalne dla niektorych, ale nie dla mnie ;), bo informatyk ze mnie zaden ;)
Moje pytanie brzmi tak: chcialabym dodac grafike domu jako zamiennik dla obecnej nazwy karty: „home”. Bezposrednio pod postem chcialabym dodac grafiki zegara ( jako symbol czasu publikacji), chmurki ( jako symbol komentarzy) oraz grafike etykiety/metki symbolizujacych etykiety. Jak to zrobic???? przeszukalam internety i nie moge znalezc do tego instrukcji :( Pomocy plisssss

Natalia Lis

Hej, proszę bardzo – http://hafija-background.blogspot.co.uk/ – tam znajdziesz instrukcje, jak zrobić to wszystko, o czym piszesz. Powodzenia!

Justyna Nicka

Hej, hej! dzieki wielkie, za podeslanie mi linku do blogu hafijki ;) bylam na nim juz nie raz i jakos nie widzialam tutoriali na te tematy??? tym razem rowniez nie widze??? udalo mi sie dodac symbol chmurki, ale za pomoca gotowego kodu CSS, ktory znalazlam tutaj
http://tajemniczy–ogrod.blogspot.co.uk/2012/11/gotowe-kody.html

ale nie wiem, jakiego kodu nalezaloby uzyc jesli tym razem chcialabym dodac grafike zegara (obok czasu publikacji) i grafike metki obok etykiety?? sorki, ze tak to walkuje, ale naprawde zalezy mi na uzyskaniu tego efektu no i przede wszystkim zebym wiedziala jak to zrobic na przyszlosc ;)

Natalia Lis

Justynka, ja mam aktualnie bloga na wordpressie i nie jestem za dobra w te klocki. Szukaj info na FORUM BLOGOWICZ, kiedyś pomogli mi ogarnąć bloggera. :)

Powodzenia!

Justyna Nicka

Hej Natalia ;) dziekuje Ci bardzo za wszelka pomoc i informacje :) sprobuje na tym forum-tam mnie chyba jeszcze nie widzieli ;) moze pomoga I mnie ;) napewno dam znac jak mi wkoncu wyjdzie ;)

by_in_warsaw

Takiego postu mi było trzeba :-) Na pewno wrócę do niego nie jeden raz, kiedy w końcu się zabiorę za edytowanie szablonu swojego blogu. Dziękuję i pozdrawiam małą sówkę, która dzisiaj dzięki mnie nie umarła)))
Twojego bloga czytam już od kilku ładnych miesięcy, ale komentarz chyba zostawiam po raz pierwszy, wybacz, obiecuję uratować więcej sówek, tym bardziej, że jest dużo do poczytania u Ciebie :)
Na koniec pytanie – czyli Twój blog jest na blogspot, bo nie wiem czemu myślałam, że na wordpress?

by_in_warsaw

btw, chyba układ komentarzy się posypał, bo cieżko zrozumieć gdzie są odpowiedzi na komentarze czytelników… chyba że to kwestia ustawień wyglądu?

Wiesia Kowalewska

Kolejny przydatny wpis ;) zabieram sie za czytanie dołączonych przez Ciebie linków, i do dzieła :*
Pozdrawiam

Świeczek

Dzięki za te podpowiedzi teł! Zmieniłam sobie na dużo lepsze!

Czytaj na walizkach

Dla mnie jesteś kopalnią wiedzy o tym jak sprawić, aby blog był choć trochę lepszy:) Dzięki za przejrzyste i bardzo pomocne wskazówki:)

Natalia Lis

<3
wkrótce pojawi się tutaj znacznie więcej okołoblogowych porad!

Czytaj na walizkach

Czekam niecierpliwie:)

Bubiś

Mam do Ciebie pewne pytanie czy z tej strony http://www.flaticon.com gdy pobiorę np. znaczek aparatu mogę uzyć go do stworzenia logo?

Natalia Lis

To już zależy od licencji. Trzeba czytać, sprawdzać, bo może być różnie.

Bubiś

A mogłabym mieć prośbę do Ciebie żebyś mi pomogła?Bo nie znam się na tym w ogóle?Będę bardzo wdzięczna uwielbiam twojego bloga..

Cześć, chciałam skorzystać z bloga hafija-background, ale niestety nie mogę, bo pokazuje się informacja, że jest on dostępny tylko dla zaproszonych czytelników. Proponują też skontaktować się z autorką bloga, niestety nie wiem jak. Masz może pomysł, jak tę sprawę rozwiązać? Pozdrawiam i jeszcze raz gratuluję świetnej strony :)

CosmetiCosmos

Bardzo ciekawe linki, dzięki. Stale coś ulepszam i poprawiam, ale chyba idę w dobrym kierunku, wiec każda rada jest cenna :)

Świetny wpis! Chcę popracować nad moim blogiem i na pewno zaczerpnę stąd kilka pomysłów. :) Pozdrawiam :)

blogujemy testujemy

Bardzo ładna strona, przydatne wiadomości. Jednak ja mam nieco inny problem. Bloga prowadzę od 4 lat i tak naprawdę nigdy nie zastanawiałam się nad pozycjonowaniem w seo. Szablon na bloga pobrałam z zagraniczniej strony, jest w wersji darmowej, więc niestety ograniczonej. Kolorystykę bloga zrobiłam sama pod siebie. Teraz zastanawiam się jak powinien wyglądać sam szkielet strony w html by nie ograniczało mnie w SEO, bo być może w tym szablonie jest coś ograniczone,nie wiem.
Czy jesteś w stanie sprawdzić mój szablon i blog czego w nim brakuje?

Natalia Slawek

O, dzięki za to, zaraz zedytuję posta, może ktoś skorzysta ;]

Mari

Ja właśnie ostatnio mam wrażenie, że Amatic SC mi z lodówki wyskoczy.
Bardzo mi się podoba twoja czcionka, którą używasz do opisu zdjęć. Pamiętam, że kiedy widziałam ją po raz pierwszy, zastanawiałam się jak można tę czcionkę kreatywnie wykorzystać. I tobie świetnie się to udało.

Natalia Slawek

u mnie wszystko gra i buczy, nie wiem skąd ten problem; może spróbuj z inną tapetą?