Modifier la taille du texte du pied de page dans les nouveaux modèles blog blogger (tutoriel facile)

Tutoriel (débutant) nouveaux modèles blogger: modifier la taille du texte du pied de page:

Une astuce facile pour tous ceux qui ont cliqué sur le "nouvel outil de création de modèles blogger", et qui ont maintenant un modèle de blog "nouvelle génération".

Dans ces nouveaux modèles, on peut modifier beaucoup de choses depuis l'éditeur: modifications faciles, accessibles à tous, sans avoir besoin de connaitre ce monde mystérieux du HTML ou du CSS. (Chaque modèle propose d'ailleurs des modifications qui lui sont propres: dans certains, on pourra changer la tailler ou la couleur de telle partie du blog, dans d'autres non.)

Mais il est une partie du blog que l'on ne peut pas changer facilement depuis l'éditeur: le footer ou "bas de page". Il s'agit d'un gadget blogger inaccessible, qui renvoie d'une part à blogger, d'autre part aux créateurs de votre blog ou de votre image.

Il est tout à fait normal que ces mentions figurent en bas d'un blog: la conception du modèle, tout comme la création de l'image de fond sont protégées par le droit d'auteur (encore lui!). Mais ces mentions légales sont écrites en grosses lettres, et on peut avoir envie de diminuer la taille de la police.

Diminuer la taille du texte du pied de page (footer):

L'opération est normalement sans risque, et niveau "grand débutant": un code à recopier. Mais vous pouvez en profiter pour sauvegarder avant la modification le code de votre modèle et dans la foulée, tous vos articles (suivez le lien).

• Allez ensuite dans "Outils de création de modèles".
• Une fois dans l'éditeur, cliquez sur "Avancé".
• Tout en bas du menu "Avancé", cliquez sur "Ajouter le fichier CSS": une fenêtre blanche apparait et c'est là que l'on va copier un code qui modifiera la taille du texte du footer.
• Dans cette fenêtre blanche, recopiez le code suivant:

footer {
font-size: 8px;
}

Font-size indique que vous changez la taille de la fonte. Remplacez le 8 par le nombre que vous voulez. Vous pouvez aussi indiquer une taille de police en pourcentage: (50%, 75%...), comme dans le code ci-dessous:

footer {
font-size: 80%;
}

Dans ce cas, la taille de votre pied de page sera proportionnelle à celle que vous avez choisie pour le corps de vos articles.

Et parce qu'une image vaut mieux qu'un long discours, voilà une capture d'écran de la modification:

Modifier la taille du texte en bas de page
cliquez pour agrandir

• L'avantage de l'éditeur, c'est que vous pouvez voir vos modifications en direct, et faire des essais jusqu'à obtenir l'effet souhaité, avant d'enregistrer vos modifications.
  
• Une fois la taille de la police du footer réduite, cliquez sur le bouton orange (en haut): appliquer au blog. Et c'est tout!

Pas compliqué, mais attention: une fois que vous avez validé votre modification de taille, le petit morceau de code que vous avez écrit ira s'inscrire automatiquement dans le code HTML de votre modèle, et n'apparaitra plus dans la fenêtre de l'éditeur.

Supprimer le texte du footer:

Je ne veux surtout pas donner un tuyau à ceux qui voudraient supprimer les mentions de droit d'auteur de leur blog: il est normal de mentionner ceux qui ont créé les templates et images de fond. Mais dans certaines conditions très particulières, vous aurez peut-être besoin de supprimer le footer. Et ça a été mon cas:

J'ai créé le modèle de ce blog à partir de l'éditeur, en choisissant d'abord un arrière-plan parmi ceux proposés par blogger. Puis j'ai supprimé cette image de fond pour la remplacer par une image que j'ai créée moi-même. Mais en bas de mon blog était toujours écrit: "modèle d'image de © XXX", alors que je n'utilisais plus cette image. J'ai donc supprimé le footer de mon modèle pour le remplacer par un "gadget-texte", dans lequel j'ai réécrit les mentions relatives au droit d'auteur. (Gadget-texte inséré depuis l'onglet "mise en page".)

Supprimer le texte du footer est plus compliqué que de modifier simplement sa taille de police: il vous faudra aller dans votre code HTML.

• Un lien vers un tutoriel pour supprimer le message du pied de page:

Comment supprimer le message "Fourni par Blogger"

Modifier la taille des "accueil", "messages plus anciens" en bas des pages:

Dans la foulée, voilà le code à rajouter dans l'éditeur de modèle si vous voulez aussi modifier la taille du texte "Accueil - Messages plus anciens" qui se trouve en bas de chaque page de blog blogger:

Procédez comme pour la modification du footer, et recopiez le code suivant:

#blog-pager {
font-size: 80%;
}

Remplacez le 80% par le pourcentage que vous voulez, ou par une taille en pixels (8px; par exemple)

Remarque à ceux qui connaissent un peu le HTML et le CSS:
Cette façon d'intervenir dans son code, en rajoutant directement des morceaux de code dans l'éditeur est très pratique et rapide pour des modifications simples. Mais on ne peut apparemment y programmer que des modifications basiques, et pour aller plus loin, il faudra très vite retourner à la bonne vieille méthode: remonter ses manches et trifouiller son code.

D'autres articles et tutoriels liés aux nouveaux modèles blogger?

• Nouvel éditeur de blog blogger: présentation et création facile d'onglets
• Test du nouvel éditeur de modèles: avantages et inconvénients
• Installer un favicon dans son blog blogger

Et la liste de tous les tutoriels et astuces création blog.