Comment faire pour utiliser un en-tête personnalisé police dans Blogger

Comment faire pour utiliser un en-tête personnalisé police dans Blogger


En tant que Blogger Google, vous avez accès à des outils puissants qui vous aident à personnaliser l'apparence de votre blog. L'interface Google Blogger aide les blogueurs modifier les sections de blog de base, tels que les en-têtes et pieds de page. Vous ne pouvez pas, cependant, utiliser l'interface pour appliquer les modifications plus détaillées. Si vous souhaitez personnaliser en-tête de la police de votre blog, vous pouvez utiliser la puissance de Cascading Style Sheets pour créer des polices d'en-tête personnalisés qui apparaissent comme vous le souhaitez.

Instructions

1 Visitez Google Blogger et vous connecter à votre page de compte. Vos blogs actuels apparaissent dans "Mange Blogs" la section de la page.

2 Cliquez sur le bouton "Voir le Blog" sous le nom du Blog que vous souhaitez mettre à jour. Blogger affiche le blog.

3 Cliquez sur le bouton "Design" en haut de la page pour afficher la page en mode de conception. "En-tête" de la section de la page apparaît en haut de la page de conception. Sélectionnez "Télécharger le modèle complet, puis cliquez sur" Enregistrer "ou" Enregistrer le fichier. "L'affichage de texte peut varier en fonction du navigateur que vous utilisez. Appuyez sur" OK ". Le site sauvegarde une copie de votre code HTML existant pour la garde.

4 Sélectionnez le bouton "Modifier le code HTML" pour afficher l'éditeur HTML. Cet éditeur indique le code HTML qui crée votre blog.

5 Cliquez n'importe où à l'intérieur du code HTML et appuyez sur les touches "F" "Alt" et. "Trouver" la zone de texte de votre navigateur ouvre. Tapez "police: $ (header.font)" (sans les guillemets) dans cette zone de texte et appuyez sur "Entrée". Votre navigateur localise cette chaîne de texte dans le code HTML Cette chaîne définit la police pour l'en-tête de votre blog.

6 Supprimer la cette chaîne, "font: $ (header.font)," et le remplacer par la chaîne suivante:

:La couleur rouge;

7 Sélectionnez «Aperçu». Blogger affiche un aperçu de votre blog dans un nouvel onglet ou dans une nouvelle fenêtre. Le texte dans l'en-tête du blog apparaît en rouge parce que vous définissez à «rouge». Fermez l'aperçu ou l'onglet, et revenir à l'éditeur HTML. Remplacer le texte que vous avez ajouté, "color: red", ce qui suit:

couleur bleue; font-size: 72px; font-family: Arial, Georgia, Serif;

Ceci change la police au bleu. L'attribut font-size, réglé sur "72px" définit la taille de pixel de la police à 72 pixels. L'attribut font-family, définit les polices que vous souhaitez utiliser pour l'en-tête. La première police, "Arial," est la police préférée. Si le navigateur d'un utilisateur ne prend pas en charge cette police, il tente d'utiliser la deuxième police dans la liste. C'est "la Géorgie," dans cet exemple. Le navigateur se poursuit à travers la liste jusqu'à ce qu'il trouve une police qu'il peut afficher. Dans cet exemple, votre navigateur va tenter d'utiliser "Arial" que la police de l'en-tête parce que "Arial" est la première police dans la liste.

8 Choisissez "Enregistrer le modèle, puis cliquez sur" Blog "pour voir votre blog. Sa tête police affiche la couleur sélectionnée. La taille de la police est de 72 pixels, et la police affichée est" Arial "si votre navigateur prend en charge cette police. Votre police changements sont maintenant en direct pour le monde de voir.

Conseils et avertissements

  • Si vous souhaitez restaurer votre blog à son aspect d'origine, revenir au blog et cliquez sur le bouton "Ajouter" en haut de la page. Une fenêtre de sélection de fichier apparaît. Localisez le fichier de sauvegarde que vous avez enregistré et double-cliquez dessus pour restaurer votre blog.
  • Essayez différentes valeurs pour la police-taille, la couleur et font-family. Chaque modification que vous apportez affecte l'apparence de votre tête. Il existe d'autres attributs de style que vous pouvez utiliser pour appliquer la personnalisation supplémentaire aux polices HTML. En savoir plus sur ceux en visitant les sites didacticiel HTML sur le Web.