donderdag 4 december 2014

ander lettertype blogtitel

♥ de laatste keer dat ik een html tutorial plaatste is echt alweer veel te lang geleden (april). geen idee waarom ik er zo lang geen heb geplaatst, want ik vind het leuk om de tutorials te maken, jullie op die manier te helpen en daarbij heb ik er nog een aantal in het archief zitten voor jullie. vandaag een tutorial met hoe je je blogtitel een ander lettertype geeft (nee, niet een andere standaard lettertype)

01. als eerste ga ja naar google fonts en daar zoek je het lettertype uit dat je graag wilt gebruiken als lettertype voor je blogtitel.
02. als je er een gekozen hebt klik je op de quick-use button (zie bovenstaande afbeelding).
03. dan kom je op bovenstaande pagina waar je nog wat kleine aanpassingen doet aan je lettertype.
04. dan ga ja naar sjabloon > html bewerken. dan zoek (ctrl+f) je het volgende op; <head>
04. hieronder plak je de code die bij nummer 3 staat op de pagina van google fonts (zie bovenstaande en onderstaande foto). 
05. let op.! bij bovenstaande code moet je nog even één kleine aanpassing doen. op het einde van de code moet nog een / tussen. het einde van de code ziet er dan zo uit; type='text/css'/>
06. dan zoek (ctrl+f) je op blogger het volgende op h3.post-title {
07. hieronder vervang je het woordje font voor de code die bij nummer 4 staat op google fonts (zie bovenstaande en onderstaande foto). onder de regel die je net hebt geplakt, plak je de volgende code font-size: 48px; het aantal pixels pas je aan naar wens, dit bepaalt de grootte van het lettertype.
08. ten slotte klik je op sjabloon opslaan en ben je klaar.

♥ heb jij wat gehad aan deze uitleg.?

13 opmerkingen:

Bedankt voor het achterlaten van een reactie ♥
Ik neem zo snel mogelijk een kijkje op jouw pagina.

  1. Ik ga het denk ik van de week eens proberen, ben wel aan iets nieuws weer toe....

    BeantwoordenVerwijderen
  2. Ik kende het al, erg mooi is het geworden vind! (:

    BeantwoordenVerwijderen
  3. Handig artikel, ik wist niet eens dat je dat op die manier kan aanpassen, bedankt voor de tip! ;)

    BeantwoordenVerwijderen
  4. Wat super handig! Dat ga ik proberen!

    BeantwoordenVerwijderen
  5. Wow.. Ik zou echt eens slimmer willen worden met dit soort dingen..

    BeantwoordenVerwijderen
  6. Fijne tip! Ik ben zelf nooit zo goed in dit soort dingen!

    BeantwoordenVerwijderen
  7. Goed uitgelegd. Ik denk dat dit voor de beginners zelfs goed te begrijpen is. Ik gebruik dit zelf ook al een behoorlijke tijd. Doe het net wat anders, maar dat is natuurlijk helemaal niet erg :)

    BeantwoordenVerwijderen
  8. Lief dat je andere zo helpt! Ik ga eens kijken naar je andere tutorials.

    BeantwoordenVerwijderen
  9. Fijne uitleg geef je! Het is mooi geworden! ♥

    BeantwoordenVerwijderen