mercredi 8 octobre 2014

Tuto : personnalise la police de ton blog


Je change régulièrement le design de mon blog. Je me lasse assez rapidement et je suis donc toujours à l'affût des dernières techniques pour le personnaliser. Ce désir de changement a d'ailleurs nourri ma volonté de changer de plateforme. C'est pour cette raison que j'ai quitté wordpress l'an passé, trop restrictif à mon goût. Avec le savoir acquis, je me suis dis que cela vous plairait peut-être que je partage mes astuces avec vous. 

Tuto #1: importer une police qui vous plaît






Voici ma démarche pour obtenir ce titre.

ATTENTION, sauvegardez TOUJOURS votre modèle avant de le modifier (explications un peu plus bas)

Si les images vous apparaissent trop petites, cliquez dessus ;)

Tout d'abord je me suis rendue sur le site Google fonts pour choisir une police.

Après avoir cliqué sur "Quick-use", copier le code de la partie 3


Rendez-vous sur blogger.com, puis sur "modèle". Au-dessus, vous voyez "sauvegarder/restaurer". Cliquez dessus pour sauvegarder votre modèle en cas de bureau. En cas d'erreur, vous pourrez restaurer votre modèle par ce même biais.
Puis, sélectionnez "modifier le code HTML"
Une fois dedans, suivez bien mes recommandations.

- Cliquez n'importe où à l'intérieur du code
- Appuyez sur les touches "Ctrl" et "F" simultanément
- Tapez <b:skin> dans la zone qui est apparue
- copiez votre code au-dessus du code <b:skin> qui s'est surligné
- ajouter un "/" avant le ">"

Comme dans mon exemple :
<link href='http://fonts.googleapis.com/css?family=Limelight' rel='stylesheet' type='text/css'/>
- sauvegarder





Retournez dans la partie "Modèle", puis sélectionnez "personnaliser"


Votre police apparaîtra. Il ne vous restera alors plus qu'à l'utiliser ;)

Tu as aimé ce billet ? Like, commente ou partage le :)


6 commentaires:

  1. Merci pour ce tuto ! Très utile et très claire :)

    RépondreSupprimer
  2. Ca a marché, merci beaucoup ! J'adoooore mon blog comme ça :D

    RépondreSupprimer
  3. Malgré les explications claires de ton tuto, je n'ai pas réussi, la police n'apparait pas dans la liste ... :(

    RépondreSupprimer
    Réponses
    1. Tu as suivi toutes les étapes? Veux-tu m'envoyer ton squelette HTML par mail afin que j'y jette un oeil? Mon mail est sur la page d'accueil

      Supprimer
    2. C'est gentil :)
      J'ai envoyé à l'adresse finissant par Laposte.net c'est bon ?

      Supprimer

Profitons de notre liberté d'expression