Comment créer des liens déroulants sur Blogger

Les balises HTML «select» peuvent vous aider à afficher des centaines de liens sur votre publication Blogger sans occuper des centaines de lignes sur la page Web. Les développeurs utilisent des balises select pour conserver un espace précieux sur les pages et organiser les liens dans des listes déroulantes efficaces et compactes. La prochaine fois que vous aurez besoin d'afficher plusieurs liens dans votre publication Blogger, ajoutez un menu déroulant et profitez des économies d'espace.

1.

Pointez votre navigateur sur votre page d'accueil Google Blogger. Cliquez sur "Nouveau message", puis sur "Modifier le code HTML".

2

Tapez quelques mots dans la zone d'édition qui apparaît au centre de la page. Cliquez sur le bouton "Modifier le code HTML", puis collez le code suivant après le texte que vous avez saisi:

Sélectionnez un lien White House IRS INSERT LABEL

Cela crée une liste déroulante contenant des liens vers les éléments des sites Web de la Maison Blanche et de l'IRS. La dernière balise d'option contient «INSERT URL» et «INSERT LABEL». Remplacez «INSERT URL» par l'URL de tout site Web. Remplacez «INSERT LABEL» par tout texte décrivant le site. Une fois cette opération effectuée, la liste déroulante contient des liens vers la Maison Blanche, l'IRS et le troisième site que vous avez entré. La première balise d'option contenant «Sélectionnez un lien» sert simplement d'instructions aux visiteurs du site. Lorsqu’ils consultent votre blog pour la première fois, la liste déroulante affiche «Sélectionnez un lien». Modifiez ce texte comme bon vous semble.

3

Cliquez sur "Publier le message", puis sur "Afficher le message" pour afficher votre message. La liste déroulante apparaît sous votre texte.

4

Cliquez sur la liste déroulante, puis cliquez sur l'un des liens dans la zone. Une nouvelle fenêtre ou un nouvel onglet du navigateur s’ouvre et permet de naviguer vers le site Web sélectionné.

Conseils

  • Ajoutez autant de liens que vous le souhaitez dans une liste déroulante en ajoutant de nouvelles balises d’option au code HTML. Par exemple, pour inclure un quatrième lien, ajoutez ce code après la troisième balise d'option: INSERT LABEL. »Remplacez" INSERT URL "par une nouvelle URL et" INSERT LABEL "par le texte de votre choix.
  • Une nouvelle fenêtre ou un nouvel onglet du navigateur s'ouvre lorsque vous cliquez sur un lien dans cet exemple. En effet, la valeur de l'attribut cible dans le code HTML est «_blank». Si vous souhaitez que de nouvelles URL s'ouvrent dans la même fenêtre, remplacez «_blank» par «_self» dans le code.

Recommandé