Blogaetan Rotating Header Image

Blogger : Menu déroulant

Voici un p’tit code permettant de créer
un menu déroulant pour une liste de liens.

Copiez ce code, allez sur votre plateforme Blogger
dans Modèle/Eléments de la page.
Selectionnez Ajouter un élément à la page, puis HTML/JavaScript.
Collez le code et modifiez “link1″, “link2″…etc par les URL de votre choix.
(Vous pouvez en mettre autant que vous voulez).
Modifiez également les titres et enregistrez.

Fonctionne sur Blogger.

Restez au courant des dernières publications :
Souscrivez au fil-RSS

Diffusez ce contenu :
Top Blog, AbcPromoblog, Blogger’s Choice Awards, Technorati

Autres billets :

15 Comments

  1. noreply@blogger.com (PeLOmaR) dit :

    etrange, ca ne marche pas chez moi.

  2. noreply@blogger.com (Gaëtan) dit :

    C’est étrange, en effet car cela
    fonctionne parfaitement bien pour moi.
    Et pour preuve, je l’ai mis en application ici dans la colonne de gauche pour les liens de la rubrique “On échange un lien”.

    As-tu bien recopié la ligne de code
    correctement, pour chaque nouveau lien ajouté?
    option value=”http://link1″[link1]

    Et ton code se termine t’il bien avec la balise [/select]?

    (ps : j’ai mis des [] au lieu des <> pour pouvoir te l’afficher).

  3. noreply@blogger.com (Nathalie Béland) dit :

    Allo Gaëtan!

    Petit problème avec l’installation du menu déroulant: J’ai essayé d’entrer une longue liste de liens et certains lien fonctionnent très bien (4/14), alors que les autres perdent leurs configuration value=” du début ainsi que /”/ de la fin. En plus, certains liens ne trouvent même pas la page du de site référence, alors que d’autres se rendent au site mais sur la mauvaise page. J’ai fait plusieurs tests, et rien ne fonctionne. Je suis certaines de mes liens, puisqu’ils fonctionnent très bien dans la liste originale.

    Si tu as le temps…Merci!

    Nathalie

  4. noreply@blogger.com (Nathalie Béland) dit :

    Re-Allo!

    Il semble que la boîte de dialogue ne prends pas en compte certains paramètres de caractères, tels que ” / ou même les majuscules, et ce de façon aléatoires (des fois oui, des fois non) lors d’un copier-coller. Alors, j’en conclue que je devrai tout transcrire au lieu de faire des copier-coller…

    Ça va être long, mais ça va marcher…

    Merci!

    Nathalie

  5. noreply@blogger.com (Gaëtan) dit :

    Bonjour Nathalie,
    Les symptômes que tu indiques dans ton premier commentaire sont bien étranges.
    Il se peut en effet que ce bug vienne des copier/coller, j’ai eu le même problème, finalement j’ai tout rentré à la main et ça à fonctionné.
    Merci de ta visite,
    @+

  6. noreply@blogger.com (Nathalie Béland) dit :

    Bonjour Gaëtan,

    Merci pour ta réponse. J’ai essayé un autre template, provenant d’un autre site, et j’ai eu exactement le même problème: les 2 premiers liens, ça va, et après, le (=”) après value disparaissent causant un retour à la ligne, la majuscule de mon code/lien devient minuscule, et le (”) entre les deux barres obliques après mon code/lien disparait aussi.

    Je travaille sur minima ochre modifié en trois colonnes selon le template de “Blogger au bout des doigt”, et donc, je devine qu’il y a quelque-chose qui cloche dans ma programmation HTML.

    Je cherche, je cherche…

    Merci et bonne journée!

    Nathalie

  7. noreply@blogger.com (Dr [H]eine) dit :

    Super utile ce menu déroulant, mais ce le serait encore + si les liens pouvaient s’ouvrir dans la fenêtre de départ et pas dans une autre.
    Aiiiide moiiiii, s’iiiiil te plaiiiit !!! :-D

  8. noreply@blogger.com (Dr [H]eine) dit :

    au fait j’ai déjà essayé deux trois trucs, mais bon je suis pas une star donc pas de miracle. J’avais entres autres essayé de remplacer “window.open” par “window.location”. mais ça va pas…

  9. noreply@blogger.com (Gaëtan) dit :

    Désolé mais je n’ai pas la solution.
    Si je la trouve, je ne manquerais pas de la donner.
    Merci.

  10. noreply@blogger.com (Nathalie Béland) dit :

    Bonjour à tous,

    J’ai trouvé une site-perle qui donne tout plein de tutos et de codes, qui fonctionnent très bien avec les widgets de Blogger, même s’il est conçu pour la programmation HTML (sans widgets)sur canalblog; menu déroulant et défilant compris.

    Je vous donne le l’adresse:

    http://demolitetuto.canalblog.com/

    Bon blog!

    Nathalie

  11. noreply@blogger.com (Gaëtan) dit :

    Une très bonne adresse, merci

    Bienvenue dans le monde réel

  12. noreply@blogger.com (duc de richelieu: 5 rue Parrot 75012) dit :

    salut à tous
    je n’ arrive pas à mettre plus de deux lignes comment faire pour en rajouter merci

  13. noreply@blogger.com (Gaëtan) dit :

    Bonjour,

    Pour chaque lien que tu ajoute, tu dois recopier le code et terminer avec la balise
    [/select] uniquement à la fin.

    Ex :
    [option value="http://link1"]link1[option value="http://link2.com">link2[option value="http://link3"]link3[option value="http://link4"]link4[/select]

    En espérant t'aider.

  14. CED dit :

    bonjour merci pour ce code

    ya t’il un moyen pour avoir une fenêtre de couleur bref… une fenêtre avec les codes couleurs du site ?

    merci d’avance pour ta réponse

    Ton système de témoignage est excellent pourrais avoir le code aussi ?

    merci

  15. Gaëtan dit :

    Bonsoir,

    Tu peux jeter un œil par ici.

Leave a Reply

Google Analytics Alternative