Dziś będzie wyjątkowo porada techniczna. Nie każdy pewnie wie a może chce wiedzieć. Z racji swojego zawodu lubię zagłebiać się w różne programistyczne sprawy :)
Jeśli chcielibyście aby nagłówek lub tekst w waszym blogu napisany był jakąś ciekawszą czcionką od tej, którą proponuje bloger i do tego z polskimi znakami. Polecam wam Google Fonts. Koniecznie wybierzcie taką z polskimi znakami. Jeśli nie wiece jak poniżej rozpisałam to w kliku prostych krokach;
1.Wchodzimy na stronę https://www.google.com/fonts# i wybieram czcionkę.
Występowanie ogonków sprawdzicie, wpisująć ółśćż w okienko Preview text.
2. Czcionka, którą wybrałam nazywa się Asap - teraz klikamy w kwadracik Qucik -use (jak na obrazku)
3. Uwaga teraz trudniejsza część;
na otwartej stronie zjeżdzamy lekko w dół i szuakmy ramki z takim oto skryptem;
przeklejamy go do no notatnika i leciutko modyfikujemy w taki sposób;<link href='http://fonts.googleapis.com/css?family=Asap&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
czyli dodajemy tekst, który dla ułatwienia zaznaczyłam na niebiesko
4. Przechodzimy do panelu Blogera i wybieramy - Edytuj kod html w zakładce szablon
UWAGA - zanim zaczniemy cokolwiek majstrować przy kodzie zapiszmy wersję zapasową (czyli szablon, prawy górny róg - utwórz/przywróć kopię zapasową)
5. Szukamy znacznika <head> i pod nim wklejamy nasz zmodyfikowany kod (<link href='http://fonts.googleapis.com/css?family=Asap&subset=latin,latin-ext' rel='stylesheet' type='text/css' /> )
6. Następnie szukamy;
font: $(body.font); - jeśli chcemy zmienić czcionkę w całym blogu
font: $(header.font); - jeśli zmieniamy czionkę w nagłówku
font: $(post.title.font); - w nagłówkach postów
font: $(post.body.font); - w poscie
(jeśli nie widzimy tych elementów, bardzo możliwe, że ukryły się i trzeba je rozwinąć za pomocą czarnego trójkąta z lewej strony w miejcu <b:skin>…)
7. wybrany element zmieniamy na ten, który wcześniej podało nam już google, pod skryptem, który wkleiliśmy w nagłówku, wygląda to tak;
font: $(post.body.font); i zmieniłam na font-family: 'Asap', sans-serif;
(
zapisujemy szablon i gotowe :)
Brak komentarzy:
Prześlij komentarz