Personnalisation de la section Liens de votre blog Blogger.com

Mai 19, 2024

Maintenant que vous avez un bon départ sur votre blog, commençons à personnaliser les sections individuelles du modèle de blog. Sur la plupart de ces modèles, il existe une section LIENS qui se trouve généralement sous la section À PROPOS DE MOI. C'est l'endroit où vous listerez les liens importants. Ce qui rend un lien digne d'être ajouté à votre blog dépend de vous. Mais, en tenant compte de l'objectif de votre blog et de la raison pour laquelle les gens le visiteront, vous pourrez choisir les liens à ajouter à cette section.

Alors, comment changez-vous les liens par défaut en ceux que vous souhaitez utiliser? Pour ce faire, vous modifiez le code HTML dans le modèle. Connectez-vous à votre Blogger^TM compte et commençons. Cliquez sur l'onglet Modèle dans le menu en haut de la page qui vous amènera à la section Modifier le modèle actuel. Vous trouverez le code HTML du modèle dans l'encadré ci-dessous. Faites défiler le code jusqu'à ce que vous atteigniez la section LIENS. Vous le trouverez presque au bas du code.

Vous devrez apporter deux modifications au code pour chacun des trois liens par défaut. Si vous ne souhaitez pas utiliser les trois liens par défaut, supprimez simplement les liens que vous ne souhaitez pas utiliser. (Pour en savoir plus sur la balise d'ancrage HTML utilisée pour créer ces liens, suivez le lien ci-dessous vers la série HTML Basics.) Pour les liens que vous utiliserez, vous changerez la valeur de l'attribut href en URL de la page Web que vous souhaitez créer un lien vers. Ensuite, vous modifierez le texte entre les balises d'ancrage d'ouverture et de fermeture pour le nom de cette page Web. Commençons par changer le lien par défaut nommé Actualités de Google.

Supprimez la valeur de l'attribut href en supprimant le code entre les guillemets qui suivent le href =.
Actualités de Google

Remplacez la valeur de l'attribut href en collant la nouvelle URL entre les guillemets.
Actualités de Google

Supprimez le nom du lien en supprimant le texte "Google Actualités" entre les balises d'ancrage d'ouverture et de fermeture.

Remplacez le texte "Google Actualités" par le nom de la page Web vers laquelle vous créez un lien.
Nom de la page Web du nouveau lien

Répétez ces étapes pour les deux autres liens par défaut nommés Edit-Me.

Si vous voulez plus de ces trois liens dans votre section LIENS, vous devrez créer le vôtre. Mais d'abord, notez que la balise d'ancrage pour chaque lien est entourée d'une ouverture et d'une fermeture

liste des balises d'élément. En effet, les liens font partie d'une liste non ordonnée. (Pour en savoir plus sur les balises de liste et d'élément de liste non ordonnées, suivez le lien ci-dessous vers la série HTML Basics.) Parce que vous voulez que les liens supplémentaires soient alignés sur les trois premiers, vous devrez utiliser le

les balises d'élément de campagne ainsi que les balises d'ancrage.

Pour chaque nouveau lien, saisissez l'élément de campagne d'ouverture et de fermeture et les balises d'ancrage. Notez que ces balises sont imbriquées. Assurez-vous de les conserver dans le bon ordre ci-dessous.

Ajoutez l'attribut href à la balise d'ancrage d'ouverture.

Ajoutez l'URL entre les guillemets pour l'attribut href.

Placez le nom de votre lien entre les balises d'ancrage d'ouverture et de fermeture.
Nom de la page Web du nouveau lien

Répétez ces étapes pour tous les liens supplémentaires que vous souhaitez ajouter à votre section LIENS. Lorsque vous avez terminé, cliquez sur le bouton Aperçu pour prévisualiser vos modifications et tester vos nouveaux liens. Si tout est correct, fermez cette fenêtre de navigateur pour revenir à la page Web précédente. Cliquez ensuite sur le bouton Enregistrer les modifications du modèle. Lorsque vous voyez le message de confirmation indiquant que les modifications ont été enregistrées, cliquez sur le bouton Republier. Pour vérifier que votre blog a été mis à jour, cliquez sur l'onglet Afficher le blog dans le menu en haut de la page. Vous devrez peut-être actualiser la page Web de votre blog pour voir les modifications.

Captures d'écran réimprimées avec la permission de Google Inc. Google^TM, Blogger^TM et BlogSpot^TM sont des marques déposées ou des marques de commerce de Google Inc. aux États-Unis et / ou dans d'autres pays.

Instructions Vidéo: COMMENT PERSONNALISER OU CRÉER UNE BARRE DE MENU A VOTRE BLOG DANS BLOGGER TUTORIEL 2 PARTIE (Mai 2024).

Personnalisation de la section Liens de votre blog Blogger.com, HTML, codage des sections du modèle Blogger, modification du code HTML du modèle Blogger, balise d'ancrage HTML utilisée pour créer des liens, liste HTML non répertoriée et balises d'élément de liste, personnalisation d'un modèle Blogger

Article Précédent

Article Suivant

Articles Connexes

des ordinateurs

Illustrator CS5 à course variable

Mai 2024

L'une de mes nouvelles fonctionnalités préférées dans IllustratorR CS5 correspond aux commandes de course à largeur variable. Le nouvel outil Largeur vous donnera un meilleur contrôle sur la largeur...

des ordinateurs

Nouvelles listes de catégories numériques ArtFire

Mai 2024

Artfire a réorganisé leurs pages de destination de catégorie avec un nouveau look et un nouveau schéma de catégories. Il existe maintenant six catégories principales; Fait à la main, design,...