30. září 2015

Jak nahrát do blogu vlastní písmo I.



Ačkoliv Blogger není tak striktní jako kdysi a v nabídce má víc druhů písem než starou ohranou klasiku, pořád je to tak nějak málo. Každý den vznikají nové druhy, jeden dokonalejší než druhý. Tak proč se omezovat?

Na internetu je spoustu stránek, kde si písmo můžete stáhnout a nahrát na blog. Dneska se podíváme, na písmo z Google Fonts - nejen jak ho nahrát, ale i jak ho používat.

Díky tomu, že všechny produkty od Googlu jsou vzájemně propojené, je to velice jednoduché.
1. Výběr fontu
To nejtěžší. Na stránkách google.com/fonts je jich nepřeberné množství, takže s hledáním přeju hodně štěstí.
Pro tenhle tutoriál se rozhodněme, že jsem se úplně zamilovala do fontu Six Caps. Klikněte na první malý okýnko (označeno na obrázku) a jedeme dál.


2. Zkopírování kódu
Dostanete se na stránku Quick-Use. Scrollujte dolů, zajímají nás poslední dva chlívečky (3. a 4.; opět označeny na obrázku). Zkopírujte text ve třetím chlívku. Nechte si okno otevřené, budeme ho ještě potřebovat.


3. Přihlašte se do Bloggeru
V levé nabídce vyberte Šablonu a poté klikněte na Upravit HTML.


4. Vložte kód
Na čtvrtém řádku pravděpodobně vidíte slovo <head>. Hned pod něj vložte kód, který jste zkopírovali (viz číslo 2) 


5. Teď ta důležitá část
Do kódu těsně před koncem před > vložte /. Viz obrázek. Když to tam nedáte, Blogger se bude rozčilovat a nedovolí vám šablonu uložit, protože je špatně html.


6. Uložte a klikněte na Zpět.


7. Nyní klikněte na Personalizovat
Poté v levém menu zadejte Pokročilé, scrollujte v nabídce až dolů a klikněte na Přidat CSS



Do textového okna pak zkopírujte kód, který změní písmo vašeho headeru/nadpisu/čehokoliv na písmo vámi vysněné. Pozor! Část, která začíná slovy "font-family" je nutno zaměnit za text, který lze zkopírovat z Quick-Use stránky vašeho písma (viz bod 2, chlívek 4).
Header
   
Nadpis v menu/sidebar
   
Písmo data 
 
Nadpis článku
 
Písmo blogu


A máme hotovo! Nezapomeňte uložit kliknutím Použít na blog a radujte se z nového písma.


Pokud máte dotazy nebo vám něco nefunguje, napište mi, pokusím se vám poradit, jak nejlépe to dovedu. :)
Vystavil v
Štítky:

1 komentář:

Přihlásit se k odběru: Komentáře k příspěvku (Atom)