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
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:
- webvilla.pl/freebies, blog.spoongraphics.co.uk/category/freebies
- thinkdesignblog.com/category/freebies.
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!
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.
ź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:
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ł:
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
Ten komentarz został usunięty przez administratora bloga.
Jak ja Cię uwielbiam czytać i wracać po wiedzę :)
Świetny wpis !
Ten komentarz został usunięty przez administratora bloga.
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?… Czytaj więcej »
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 ;]
Śliczne tła na tej stronie :)
Jedyne co mnie wciąż powstrzymuje przed założeniem bloga, to nazwa. Musi być idealna. Ta jedyna. I szukam wciąż, od miesięcy…
przeżywałam katusze próbując znaleźć swoją – wszystko było pozajmowane
Jak się cieszę, że znalazłam Twój blog))
Dzieki za te wszystkie adresy oj mam co poprzegladac. Pozdrawiam Beata
Przydatne informacje :)
A ja niby tyle wiem, ale znaleźć i stworzyć idealnego szablonu nie mogę ;)
Mnóstwo darmowych grafik jest też na freepik.com ;)
O, dzięki za to, zaraz zedytuję posta, może ktoś skorzysta ;]
To ja polecam jeszcze iconfinder.com ;)
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
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
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… Czytaj więcej »
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 :)
Ty to zawsze trafisz kiedy napisać taką notkę, no!
Uwielbiam takie wpisy, po prostu uwielbiam! A strona z tymi zdjęciami z paletami kolorów to jest po prostu cudo! :)
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 :*
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 :)
Zachwyciło mnie design-seeds. Nie wiem tylko gdzie mam znaleźć ustawienia RGB wybranego koloru… Są tam jakies suwaczki ale zadnych wartosci
o już widzę, trzeba przytrzymac na nim kursor :)
Ten komentarz został usunięty przez administratora bloga.
Świetny, bardzo przydatny post! Uwielbiam Ciebie i Twojego bloga. Dziękuję :))
Powinno się dać te Wasze komentarze 'polajkować’!
:)))
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!
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ą! :)
Wow! Bardzo przydatny ten post! :) Dziękuję!
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… Czytaj więcej »
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
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:-)… Czytaj więcej »
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… Czytaj więcej »
Poradnik poleciłam dalej ;) Mam nadzieję, że pomoże innym
http://www.anianotuje.pl/2014/09/ina-5-na-wrzesien.html
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).
Fajny poradnik :) Ja nie lubię w blogach nadmiernego upiększania i jak ktoś przyczepi coś latającego do kursora to mnie po prostu denerwuje…
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ć?:(
u mnie wszystko gra i buczy, nie wiem skąd ten problem; może spróbuj z inną tapetą?
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.
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
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. […]
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… Czytaj więcej »
Hej, proszę bardzo – http://hafija-background.blogspot.co.uk/ – tam znajdziesz instrukcje, jak zrobić to wszystko, o czym piszesz. Powodzenia!
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,… Czytaj więcej »
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!
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 ;)
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,… Czytaj więcej »
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?
Kolejny przydatny wpis ;) zabieram sie za czytanie dołączonych przez Ciebie linków, i do dzieła :*
Pozdrawiam
Dzięki za te podpowiedzi teł! Zmieniłam sobie na dużo lepsze!
Dla mnie jesteś kopalnią wiedzy o tym jak sprawić, aby blog był choć trochę lepszy:) Dzięki za przejrzyste i bardzo pomocne wskazówki:)
<3
wkrótce pojawi się tutaj znacznie więcej okołoblogowych porad!
Czekam niecierpliwie:)
Mam do Ciebie pewne pytanie czy z tej strony http://www.flaticon.com gdy pobiorę np. znaczek aparatu mogę uzyć go do stworzenia logo?
To już zależy od licencji. Trzeba czytać, sprawdzać, bo może być różnie.
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 :)
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 :)
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ę… Czytaj więcej »
O, dzięki za to, zaraz zedytuję posta, może ktoś skorzysta ;]
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.
u mnie wszystko gra i buczy, nie wiem skąd ten problem; może spróbuj z inną tapetą?