Czy to brzmi Ci znajomo...?
  • Dopiero zaczynasz i Blogger jest dla Ciebie idealnym i najprostszym rozwiązaniem? A może już na nim działasz, ale wciąż zamartwiasz się, że Twój blog lub Twoja marka nie wygląda profesjonalnie?
  • Regularnie czujesz presję, że "musisz przenieść się na Wordpress", bo bez tego profesjonalnie nie będzie, choć znasz już Bloggera i najchętniej byś przy nim została?
  • Nieustannie masz problem z tworzeniem pięknych grafik na media społecznościowe - spędzasz nad tym sporo czasu, ale efekt końcowy nigdy Cię nie zadowala?
Możesz to zmienić!
Brand & Blogger
Kim jestem? Na imię mi Julia i w ramach Brand & Blogger prowadzę bloga dotyczącego porad głównie na Bloggera, tworzę szablony na Bloggera i grafiki na social media. Udowodnię, że nie musisz się nigdzie przenosić, jeśli nie chcesz, a Wordpress to nie jedyna słuszna droga. Pokażę Ci, że możesz mieć piękną, profesjonalną stronę na Bloggerze. Pomogę Ci oszczędzić Twój czas i dam rozwiązania, dzięki którym szybko możesz mieć pięknie oprawione media społecznościowe.
Ty też możesz oczarować swoich odbiorców piękną stroną i marką, nawet działając na Bloggerze! I to jest misją Brand & Blogger. Moją misją.
Victoria
Zobacz
Sophie
Zobacz
Adaline
Zobacz
Adaline Dark
Zobacz
Zobacz wszystkie
  • #1
    na bloggera
    W pełni responsywne, eleganckie, kobiece, poprawiające SEO, wykonane z dbałością o szczegóły - kupujesz jakość premium, która działa ♡
    Zobacz szablony
  • #2
    media
    Wysokiej jakości szablony social media, pasujące kolorami do szablonów na Bloggera, łatwe w obsłudze - wystarczy aplikacja Canvy w telefonie! ♡
    Szablony SM
  • #3
    na facebooku
    Masz pytania dotyczące Bloggera? Dołącz do grupy na Facebooku, gdzie spotkasz ludzi blogujących na Bloggerze i uzyskasz odpowiedzi ♡
    Dołącz do grupy

Otrzymałam ostatnio od kilku osób zapytanie, jak to zrobiłam, że zmieniłam na swojej stronie czcionkę dla tytułu posta czy autora komentarza. Dzisiejszy post będzie połową sukcesu na drodze do takiej zmiany! Otóż świetnym rozwiązaniem, gdy znudziły nam się standardowe fonty dostępne w Projektancie motywów Bloggera, jest skorzystanie z dobrodziejstwa Google Fonts. Przechodzi do części pierwszej - pokażę, jak zainstalować wybrane fonty Google Fonts na Bloggerze.

Google Fonts - co to takiego?

Osobom, dla których Google Fonts to kompletna nowość, wyjaśnię pokrótce, że jest to całkiem spora baza darmowych do użytku komercyjnego fontów, które są bardzo łatwe w użyciu i instalacji. Po przejściu na stronę mamy do wyboru całkiem sporo opcji, które na pierwszy rzut oka mogą przerażać swoją ilością - zupełnie niepotrzebnie! Jeśli bardzo chcesz, możesz śmiało poklikać po wszystkich z nich i zobaczyć, jakie możliwości filtrowania (przy poszukiwaniu określonych fontów) i ich podglądu na żywo ta strona daje. Wiem jednak, że cenisz sobie swój czas i niekoniecznie możesz mieć ochotę na takie eksperymenty, dlatego w skrócie zwrócę uwagę na to, co powinno Cię interesować najbardziej ;)

Instalacja fontów Google Fonts na Bloggerze - od czego zacząć?

To, co zajmuje zawsze najwięcej czasu, to wybór odpowiedniej czcionki. Najistotniejsze jest dla nas to, że nie wszystkie fonty od Google Fonts posiadają polskie znaki. Zacznij więc od wpisania na pasku jakiegoś zwrotu z mnóstwem polskich znaków. Dzięki temu na podglądach czcionek zobaczysz od razu polskie wyrażenie i szybko odrzucisz te fonty, które polskich znaków nie posiadają. Jeśli interesuje Cię wyłącznie pewna grupa fontów, np. w stylu odręcznego pisma, odznacz inne kategorie poza "Handwriting".


Dzięki temu zawęzisz poszukiwania. Wpadło Ci już coś w oko? No to przechodzimy do kolejnych kroków instrukcji, czyli konkrety!

Jak zainstalować czcionki Google Fonts na Bloggerze?

  1. Kliknij czerwony, okrągły znak "+" przy wybranym foncie, który chcesz zainstalować (widoczny na screenie powyżej). Jeśli chcesz zainstalować dwie czcionki na raz, kliknij ten przycisk przy każdej z nich - tak, jakbyś dodawała produkty do koszyka :)
  2. Rozwiń okienko, które pojawiło się u dołu strony, po prawej (patrz obrazek poniżej). Znajdziesz tam kody niezbędne do instalacji i użytku czcionki na blogu. Kod CSS również zapisz (na potem - przyda się w drugiej części tej instrukcji), ale w tej chwili skopiuj koniecznie kod HTML. Mała uwaga: jeśli wybrałaś więcej niż jedną czcionkę, kod HTML będzie jeden (i jednym kodem zainstalujesz je wszystkie), ale kodów CSS będzie więcej.
  3. Przejdź do swojego bloga: zakładka Motyw > Edytuj kod HTML. Odszukaj na samej górze kodu <head> i zaraz nad tym fragmentem wklej skopiowany z Google Fonts kod HTML. 
  4. Teraz bardzo uważnie zamień znak & we wklejonym kodzie na sformułowanie: &amp;
    Jest bardzo ważne, abyś nie pominęła średnika czy żadnego innego znaku. Na koniec dodaj jeszcze za rel="stylesheet" ukośnik przed znakiem >
  5. Sprawdź, czy Twój kod po zmianach wygląda jak poniżej i jeśli tak, zapisz zmiany!
<link href="https://fonts.googleapis.com/css?family=Dancing+Script&amp;display=swap" rel="stylesheet"/>
Gotowe! Jak widać, nie jest to wcale trudne :)

Jak używać zainstalowanych czcionek? Część druga instrukcji

Zapewne po zainstalowaniu czcionek, chciałabyś się dowiedzieć, co z nimi zrobić dalej i jak właściwie sprawić, by pojawiły się na blogu. W kolejnym poście znajdziesz drugą część instrukcji, na którą już teraz serdecznie Cię zapraszam. Z instrukcji dowiesz się, jak zmienić tytuł postów, nazwę autora komentarza i inne ciekawe elementy Twojego bloga, aby korzystały one z nowo zainstalowanych fontów.
Jeśli chciałabyś tu przeczytać jakiś konkretny wpis na interesujący Cię temat - zostaw pomysł w komentarzu, postaram się taki wpis przygotować :) Pytania również mile widziane - na wszystkie postaram się odpowiedzieć.

Brak komentarzy