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 :


Votez pour ce blog sur :
Top Blog, AbcPromoblog, Blogger's Choice Awards, Technorati

11 commentaires:

PeLOmaR a dit…

etrange, ca ne marche pas chez moi.

Gaëtan a 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).

Nathalie Béland a 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

Nathalie Béland a 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

Gaëtan a 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,
@+

Nathalie Béland a 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

Dr [H]eine a 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

Dr [H]eine a 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...

Gaëtan a dit…

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

Nathalie Béland a 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

Gaëtan a dit…

Une très bonne adresse, merci

Bienvenue dans le monde réel

Freewares

Design by Dzelque