تقييمك للموضوع؟
Créer un menu
Selon vos possibilités vous pouvez réaliser de vrais menus plus ou moins sophistiqués.
Rappel, via les liens et les libellés vous pouvez faire apparaître vos mots clés, cela peut être suffisant pour certains blogs. Voir nos articles dédiés
Les bases : notion de lien
Lors de l'édition d'un article ou d'une page, il est aisé de faire un lien à l 'aide du Menu "Associer"
Ce lien pointe vers un article ou une page dont vous avez mémorisé l'adresse.
En mode HTML, voici le code :
Lien simple :
<a href="adresse du lien">titre du lien</a>
Pour obtenir : cliquer ici
il faut ce code : cliquer <a href="http://blogavecblogger.blogspot.fr">ici</a>
Lien s'ouvrant dans une nouvelle fenêtre
<a href="adresse du lien" target="blank">titre du lien</a>
Pour obtenir : cliquer là et une nouvelle fenêtre s'ouvre
il faut ce code : cliquer<a href="http://blogavecblogger.blogspot.fr" target="_blank"> là</a>
et une nouvelle fenêtre s'ouvre
1- Concevoir un Menu "classique" simple
Vous devez avoir les compétences nécessaires pour cette réalisation qui nécessite d'adapter du codeou, du moins, bien respecter les consignes: vous n'avez pas droit à l'erreur (la moindre faute, oubli, ajout dans le code provoque son dysfonctionnement)
PRINCIPE
Allez sur "Mise En Page" et , en dessous de l'entête de votre blog, cliquez sur "Ajouter Un Gadget".
Choisir le gadget "HTML/JavaScript", collez le code du menu dans la fenêtre qui s'ouvre puis cliquez sur "Enregistrer".
Voici un exemple de Menu relativement simple issu du site
Code à copier/coller/adapter
-------------------------------------------------------------------------------------------
<script language="JavaScript">
function ChangeUrl(formulaire)
{
if (formulaire.ListeUrl.selectedIndex != 0)
{
var url ;
url = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
window.open(url,'_blank');
}
}
</script>
<FORM >
<SELECT NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)" >
<OPTION SELECTED VALUE="">-Menu Déroulant De Liens-</option>
<optgroup label="Groupe 1">
<option value="Lien 1">Titre1</option>
<option value="Lien 2">Titre 2</option>
</optgroup>
<optgroup label="Groupe 2">
<option value="Lien 3">Titre 3</option>
<option value="Lien 4">Titre 4</option>
<option value="Lien 5">Titre 5</option>
</optgroup>
<optgroup label="Groupe 3">
<option value="Lien 6">Titre 6</option>
<option value="Lien 7">Titre 7</option>
</optgroup>
</SELECT>
</FORM>
-------------------------------------------------------------------------------------------------------
Configuration
Ce code est à copier tel quel : il faudra uniquement changer ce qui est en couleur :
-Le titre du menu : Menu déroulant de liens
-Les groupes: Groupe 1
-Les liens: lien 1
-Le titre du lien: Titre 1
-Menu Déroulant De Liens : c'est le titre à afficher sur la lite, vous pouvez le modifier avec un titre de votre choix.
-Lien 1, Lien2, Lien 3 et Lien 4sont les adresses (url) des pages vers lesquelles vont pointer les entrées Titre1, Titre 2, Titre 3 et Titre 4
=> Vous devez faire les modifications nécessaires.
Exemple de code finalisé pour 1 groupe
-------------------------------------------------------------------------------------
</optgroup>
<optgroup label="ENTRAINEMENT">
<option value="http://uia-echecs.blogspot.fr/2014/10/le-probleme-dechecs-du-jour.html" />Problèmes
<option value="http://uia-echecs.blogspot.fr/2014/10/testez-votre-ouverture.html" />Tester votre ouverture
<option value="http://uia-echecs.blogspot.fr/2014/10/comment-se-termine-ma-partie-les-finales.html" />Les finales
</optgroup>
------------------------------------------------------------------------------------------
-Vous pouvez rajouter autant de liens que vous le désirez en recopiant la ligne :
<option value="Lien X">Titre X</option>
-Les options de chaque groupe sont incluses entre les balises <optgroup> et </optgroup>.
-À l’intérieur d’un élément <select>, on peut inclure autant de groupes que l’on veut.
-Le libellé de chaque groupe est donné dans l’attribut label de l’élément <optgroup>.
Comment ajouter ce Menu Déroulant dans Blogger
Copier le code de la liste de votre choix (sans ou avec regroupement d'éléments) et allez à :
"Mise En Page" > "Ajouter un Gadget" > "HTML/JavaScript"
collez le code dans la petite fenêtre qui s'ouvre, modifiez-le et enfin cliquez sur "Enregistrer".
Par
Gilles Badufle
http://blogavecblogger.blogspot.com/2014/03/creer-un-menu.html?m=1
ليست هناك تعليقات:
إرسال تعليق
ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.