Barre horizontale de navigation pour Blogger (Liens avec effet Glossy)

Voici un autre tutoriel qui va vous permettre de créer une barre horizontale de navigation (barre de menu avec liens) dans votre blog Blogger/Blogspot.
Deux simples copier/coller suffisent pour appliquer cette astuce et vous avez le choix entre cinqs magnifiques barres horizontales comme celles-ci: (Démonstration ici)
Barre Horizontale

Installation

Etape 1

Connectez vous à Blogger, Allez dans "Mise en page", "Modifier le code HTML" et recherchez (Ctrl + F) le code suivant: </head> et juste avant ajoutez cette ligne:
<link href='http://blogspot.leblogger.com/css/glossyMenu.css' rel='stylesheet' type='text/css'/>

Etape 2

Allez dans "Mise en page", cliquez sur "Ajouter un gadget" puis sur "HTML/JavaScript" et copier / coller le code suivant :
<ul class="glossymenu">
    <li class="current"><a href="http://www.leblogger.com/"><b>Accueil</b></a></li>
    <li><a href="http://www.leblogger.com/2009/06/astuce-blogger-astuces.html"><b>Astuces</b></a></li>
    <li><a href="http://www.leblogger.com/2009/06/widget-gadget-blogger.html"><b>Widgets</b></a></li>   
    <li><a href="http://leblogger.com"><b>Souhaits</b></a></li>   
    <li><a href="http://www.LeBlogger.com/"><b>Contact</b></a></li>
</ul>
-Ensuite déplacez ce widget en dessous de votre entête comme sur l’image:

barre des liens

Personnalisation

(Modifiez uniquement le code de l'étape 2)
  • Choisissez parmi les 5 barres celle que vous voulez, puis remplacez glossymenu avec:
    1. glossymenu
    2. glossymenu bleu
    3. glossymenu vert
    4. glossymenu orange
    5. glossymenu violet
  • Remplacez les liens en rouge avec vos propres liens.
Forme générale d’un lien:
<li><a href="http://www.leblogger.com/2009/06/widget-gadget-blogger.html"><b>Widgets</b></a></li>
Voilà votre blog a une barre horizontale des liens ce qui va considérablement améliorer la navigation.
Version simple de la barre de navigation.
Libellés : Publié le jeudi, janvier 28, 2010
156 Commentaires
  1. Super ce post !!!! par contre j'ai la flemme de tout recommencer... je le ferai dès que j'aurai un peu plus de courage!

    RépondreSupprimer
  2. Mer permet tu de le publier sur SCIencextrA, en mettant la source?

    RépondreSupprimer
  3. @ Panzer
    Je regarderais ce que ça va donner.

    RépondreSupprimer
  4. @ Panzer
    Oui pour les commentaires dans le CSS il faut mieux utiliser /*-- --*/

    RépondreSupprimer
  5. @ Panzer
    Dans le code tu as écrit
    <!-- *****************Barre de menu****************** -->

    je dit juste que c'est mieux d'utiliser /* --- */ pour délimiter les commentaires mais c'est pas si important que ça :-)

    RépondreSupprimer
  6. Encore moi

    JE viens de l'installer, de modifier les codes mais...

    http://commdesmots.blogspot.com/

    navigue et tu verras....

    pages non trouvées, etc...

    De plus, comment je fais pour mettre un article dans la rubrique "Articles" ou un autre contenu dans une autre rubrique ?

    Merci par avance

    Stephane

    RépondreSupprimer
  7. @ Stéphane
    il faut mettre des liens valides pour articles reference Humours.......

    Par example: pour moi
    widget : http://www.leblogger.com/2009/06/widget-gadget-blogger.html

    Template : http://www.leblogger.com/search/label/Template

    RépondreSupprimer
  8. @soufiane tu peux être plus clair stp ?

    quand je publie un article pour telle ou telle rubrique, "références" par exemple, comment dois je faire pour que cette publication apparaissent dans la bonne rubrique ?

    je débute totalement... navré d'être lourd ;-)

    RépondreSupprimer
  9. c'est soit tu crées un message et tu y listes les Articles en relation avec références ..... et tu utilise l'adresse de ce message dans le menu.
    (comme mes liens widget ou astuces...)


    Soit tu donnes le libellés references à tous les articles qui s'y apporte et tu l'utilises l'adresse de ce libellés dans le Menu: http://commdesmots.blogspot.com/search/label/referrnces

    RépondreSupprimer
  10. pas convaincu...

    On passe en message privé : mon mail lemarquisdes@msn.com

    RépondreSupprimer
  11. regard mes propores liens, c'est tout ce que tu peux faire avec Blogger

    RépondreSupprimer
  12. Je viens de t'envoyer un mail, ce sera plus simple que ici !

    RépondreSupprimer
  13. je t'ai déjà répondu,
    msn et les email ça ne servira à rien.

    RépondreSupprimer
  14. Ok ça roule, maintenant comment ce fait il que, en suivant ton conseil et en cliquant ensuite ur référence, Mozilla me file un massage d'erruer le page ne s'affiche pas !!

    je te copie colle le code en cas d'erreur dasn un mail

    RépondreSupprimer
  15. Ca y est l'ensemble des onglets fonctionne...
    Maintenant le problème reste posé concernant les article à classer dans telle ou telle catégorie alors que tes conseils ont été appliqués à la lettres...

    tu as un trucs pour solutionner cela?

    RépondreSupprimer
  16. Bonjour soufiane,

    Connais tu l'astuce pour créer une barre horizontale comme celle ci mais qui renvoi vers des tags et non pas des liens?

    Merci pour tes conseils.

    Mehdi

    RépondreSupprimer
  17. @ Mehdi From Baghdad
    Qui renvoi vers des tags automatiquement, non!

    mais tu peux les ajouter manuèllement.

    RépondreSupprimer
  18. ma barre est placée légèrement trop bas, comment la remonter ?

    RépondreSupprimer
  19. dans le code il y a "class="current" que j'ai afficher en bleu, c'est ce truc qui fait en sorte que le premier lien soit sélectionné, donc il faut soit le déplacer soit le supprimer.

    Pour l'espacement, le plus simple est de décaler les widgets qui sont en dessous....

    RépondreSupprimer
  20. Salut, merci pour ce tuto !!

    Je voudrais, dans ma barre, que les 5 premiers onglets soient à gauche de la barre,normal, mais que les 2 derniers soient "séparés" soit en les espaçant tout au bout de la barre: à droite, soit en mettant une petite barre de séparation entre... Je ne sais pas si je suis très claire lol! Saurais tu m'aider stp?
    Merci d'avance ;)

    RépondreSupprimer
  21. rebonjour sofiane
    vu que le premier widget a bien fonctionné je tente un deuxième!
    Bon pas de problème pour l'installation évidemment pour l'instant les onglets me renvoie vers ton blog mais bon un peu de pub ne fait pas de mal lol
    ma question:
    une fois que c'est fait je suppose qu'il faut créer une nouvelle page html? comment on fait? je voudrai créer les onglets suivants:
    - accueil
    - Qui sommes nous
    - actions
    - presse
    - liens
    - téléchargement
    - contact
    comment faire pour mettre du contenu dans ces onglets?
    bien amicalement
    eric

    RépondreSupprimer
  22. Fonctionne nickel merci beaucoup de l'astuce j'suis en train d'essayer de modifier les images de background pour mieux l'integrer dans le template ;)
    si vous avez du temps à perdre www.foxprime.net :)

    RépondreSupprimer
  23. @ Fox Prime
    c'est cool, je t'ai laissé un commentaire sur le nom de domaine sur ton blog ....

    RépondreSupprimer
  24. Salut Soufiane
    La barre de menu fonctionne à merveille....mais elle refuse d'enregistrer un cinquième onglet ! J'ai pourtant ajouté une ligne de code dans le widget HTML/JavaScript en copiant et collant celle de l'onglet précédent, mais rien n'y fait !
    Faut il modifier autre chose ?
    Meri de tes lumières
    http://www.destinationbiarritz.net

    RépondreSupprimer
  25. @
    Il faut juste ajouter une ligne comme celle là

    <li><a href="http://www.LeBlogger.com/"><b>LeBlogger</b></a></li>

    avant le </ul>

    RépondreSupprimer
  26. merci NIKEL !
    pour une debutante comme moi j'ai fait ça les doigts dans le nez et and quelques minutes !

    RépondreSupprimer
  27. Salut Soufiane.
    Je voudrais savoir s'il était possible de créer un menu déroulant horizontal sous l'en-tête... mais avec des sous -parties.?
    par exemple : Les 3 parties principales sont A , B , C .
    Dans A , on pourrait trouver A1 et A2.
    Dans B , on pourrait trouver B1 , B2 , B3 , B4.
    Dans C , on pourrait trouver C1 et C2.
    Voilà , est-ce que ce serait possible. Et si oui, pourrait tu me l'expliquer ? :)

    RépondreSupprimer
  28. Bonjour ^__^

    Je viens d'essayer cette barre de navigation et ça marche super bien =))
    Merci pour ce tuto ;;)

    RépondreSupprimer
  29. @Vouvou
    c'est cool, une revenante ;;) tu étais où ;)) hahaha mdr mdr :))

    RépondreSupprimer
  30. Bonsoir !

    J'amerais l'essayer mais où trouver le lien vers tous les articles ayant des photos ou tout les articles avec des vidéos ? Avec les libelés ?

    RépondreSupprimer
  31. Et est-ce que tu aurais un widjet où je pourrais mettre toutes mes photos dans un diaporama ? ^^

    RépondreSupprimer
  32. Bonjour Sophiane,
    Tout d'abord merci pour tes précieux conseils; Je suis novice à ce sujet et j'ai ouvert mon blog depuis peu. On m'avait conseillé blogspot, alors j'ai foncé .
    Malheureusement des fonctionnalités que je recherchais ne sont pas explicites et il faut fouiner sur internet pour pouvoir trouver ce qu'on veut ... la bonne nouvelle c'est que j'ai trouvé ton blog avec pleins d'austuces ! Merci Sophiane
    Bon je rentre dans le vif du sujet, j'ai plusieurs questions et peut-etre certains se posent les mêmes ...
    Tout d'abord je cherchais à créer une page d'accueil avec un message de bienvenue et une image (la carte du monde, en fait mon blog explique les voyages que j'ai effectué). J'avais créer mon texte et une fois que je cliquais sur les catégries/libellés je retombais les messages que j'avais créer avec ce libellé mais en début je retombais sur mon message d'acceuil et ma photo, les messages crées restent en bas ... pas très lisibles bien sur. Donc j'ai opté pour des onglets de navigation avec :
    Accueil, itinéraires, Budgets, Galerie Photo ... d'ailleurs j'ai utilisé ta méthode des onglets qui marche TB !! mais par exemple quand je tape l'url mon blog je veux arriver sur mon message d'accueil et ma photo du monde(onglet accueil) et quand je clique sur l'onglet itinéraire je veux tomber sur ma page avec la carte du monde et les itinéraires, mais je ne sais pas faire !
    J'aurais d'autres questions pratiques mais mon post commence à faire long ... Si ça ne te dérange pas je pourrais t'envoyer un mail ?
    Merci !

    RépondreSupprimer
  33. @ Soufiane : je m'étais égarée avec ma tablette graphique :D :))
    Heureusement, j'ai vu la lumière de ton site et ça m'a permis de refaire mon site à neuf tout beau tout propre ;;) (enfin reste un chouilla de problème avec le favicon qui n'apparait pas sous IE,mais rien d'insurmontable hein :)) )

    RépondreSupprimer
  34. @Vouvou
    Ah oui le nouveau Look et plus soigné : widget a gauche, texte a droit ...
    Faut mettre une image au format .ico pour que ça marche sur IE (et dans les téléphone ....)

    RépondreSupprimer
  35. @TeknoMobi
    Thank you (je spik viry wil linglish) :)) :))

    RépondreSupprimer
  36. @Hélène
    C'est très simple, par exmple pour tous les articles qui parles du grand prix, le lien est : http://lebouquetblanc.blogspot.com/search/label/Grands%20Prix

    Pour tous les videos : http://lebouquetblanc.blogspot.com/search/label/vid%C3%A9os

    Il faut utiliser les liens de ton widget "Libellés"

    RépondreSupprimer
  37. @Emilie
    WOW le commentaire de ouf, hahah non je :))
    -Pour le email, je répond de priorité au commentaires, à tous les commentaires, et souvent j'ai plus de temps pour les email ...
    Tu peux me poser toutes les questions que tu veux, mais s'il te plait dans la page des souhaits : http://www.leblogger.com/2009/07/souhait-blogger-vux-leblogger.html


    -Pour créer une page d'accueil avec un message de bienvenue et une image.
    On m'a beaucoup posé cette question donc je vais préparer un tutotriel pour personnaliser la page d'accueil

    Voilà une petite intro:
    En gros il faut créer un Article et faire en sorte que seul Cet Article s’affiche dans la page d’accueil:
    -tu crées le message et tu le publies. Ensuite tu reviens dans le message pour modifier la date et mettre une datte future : 2015. (il y a un bouton "options" en bas a droite lorsque tu rédiges les messages)

    -Dans Blogger "Paramètre", "mise en forme", tu choisi d’afficher un seul message dans la page d’accueil.

    Pour cacher/afficher les widgets dans la page d’accueil tu peux lire cet article sur Les conditionnels b: "if / b: else" qui offrent énormément de possibilités.

    Voilà déjà maintenant dans l’accueil de ton blog il n’y a qu'un seul article accompagné des widgets que tu as choisi.
    J'espère que ça va te servir et si tu as des questions n’hésite pas (Mais dans la page des Souhaits stp )


    -Pour la deuxième question, regard mon dernier commentaire.

    C'est quoi ton blog ;) http://laterrevuedemilie.blogspot.com/ ;)

    RépondreSupprimer
  38. Bonjour!
    Tres interesante ton blog. Est-ce que tu pourrais me dire comment on fait pour mettre sa photo dans son adres du blog?? (la petite photo avant le http:// ) Je te remercie à l'avance.
    A bientot!

    RépondreSupprimer
  39. 8-) J'ai mis mon image .ico pourtant ...ça marche bien sous Google chrome -____-'

    RépondreSupprimer
  40. Euh je ne l'ai peut-être pas uploadé sur MyDataNest, c'est pour ça =))

    @ Soufiane : quand je me connecte sous Google Chrome et non IE, mon favicon apparait bien, voilà :)

    RépondreSupprimer
  41. je n'arive pas a déplacez ce widget en dessous de mon entête

    RépondreSupprimer
  42. @badr0266
    Mais si, faut juste bien viser =))

    RépondreSupprimer
  43. bonjour sofiane jais publier 2 commentaire mais je vois qui son pas visible sur les commentaire

    RépondreSupprimer
  44. hello

    Mon blog est http://nicenter.blogspot.com/

    J'y ai installé tes 2 barres horizontales mais pas moyen de diriger mes articles dedans!

    Peux tu me dire comment faire pour chacune et bien évidement je n'en garderai qU'UNE!

    Merci
    Serge

    RépondreSupprimer
  45. Bonjour Soufiane

    Une question qui peut paraître idiote ... mais bon je la pose qd même,

    J'ai crée ta suberbe barre de navigation,(sur http://123nutrition.blogspot.com/) et lorsque je suis sur le blog et que je clique dessus (sur un onglet) on me répond que " Page introuvable
    Désolé, la page que vous recherchez dans le blog Mon Coach Minceur n'existe pas.",

    suis je vraiemnt ou j'ai rien compris ?

    Merci de me répondre (Séverine et Claude)

    PS UN GRAND MERCI POUR TON BLOG , POUR NOUS NOVICES C'EST VRAIMENT GéNIAL;

    RépondreSupprimer
  46. Salut Soufiane,
    j'ai suivit tout ce que tu as dis concernant la barre de navigation, pourtant ça ne change absolument rien. ça fait 2h que j'essaye...
    Maintenant j'ai une barre avec les "titres" que je veux et tout mais lorsque je clique dessus, il ne se passe rien. Aucun de mes articles sélectionné ne se mette dans la rubrique choisie. Peux tu m'aider, stp?

    RépondreSupprimer
  47. @Carmen
    On m'a posé cette question une centaine de fois, je vais donc écrire un article pour expliquer cela, ça sera plus simple. :)

    RépondreSupprimer
  48. @Mon Coach Minceur
    Même chose que Carmen :(

    RépondreSupprimer
  49. Bonjour Soufiane,

    Je viens d'installer la barre de navigation.
    ça marche nickel mais l'onglet actif ne change pas et reste toujours sur le premier.
    Existe-t-il un moyen de changer cela ?
    Merci.

    RépondreSupprimer
  50. Hello ! Ça faisait longtemps que je n'étais pas venue. Alors j'ai essayé ta barre, mais je voudrais qu'elle prenne toute la largeur de mon blog et pas que celle qui correspond aux articles.
    Voilà ce que ça donne pour le moment : http://yo-beta.blogspot.com/ (c'est un blog test).
    Et oui j'ai changé les images...

    Au passage est-ce que tu saurais me dire comment retirer l'encadrement systématique des images que je mets sur le blog ? Merci ^^

    RépondreSupprimer
  51. Argh, vicieux ce truc, c'est bon merci j'ai réussi. ^^
    Mais ma deuxième question tient toujours. :p

    RépondreSupprimer
  52. J'ai la même question que Ogib aussi ! J'aimerais que l'onglet de couleur ne soit pas toujours le même. Qu'il s'en aille au pire quand le souris n'est plus dessus je m'en fiche ^^
    Voilà, merci d'avance :)

    RépondreSupprimer
  53. Dsl de te spamer tes comm.. mais j'ai trouvé la solution pour l'encadrement des images c'est bon xD

    RépondreSupprimer
  54. Bonjour,
    Depuis aujourd'hui la barre horizontale sur chacun de mes blogs est barrée par l'inscription "upgrade to pro today", c'est très embêtant.
    http://dj716.blogspot.com
    http://dj716music.blogspot.com
    Peux-tu m'aider?
    Merci!
    Guillaume

    RépondreSupprimer
  55. @dj7
    Woops en ce moment je vois qu'il n'y a pas de problème sur ton blog ;) et la démonstration fonctionne bien ;)

    Mais je crois que tu utilises les images hébergées sur Photobucket, j'ai reçu hier un email comme quoi j'ai dépassé la bande passante .....

    Mais ça fait longtemps que j'ai remplacé tous les liens par ceux de mon hébergement 1and1, donc si ça continue il faut juste remplacer la premier code dans ton blog par celui disponible actuellement sur cette page (que le premier code et ça ne va pas modifier le widget)

    Les liens images sont de la forme:
    http://blogspot.leblogger.com/....gif

    dit moi ce que ça donne !

    RépondreSupprimer
  56. c'est pareil pour le widget haut/bas de page...

    RépondreSupprimer
  57. Salut Soufiane,

    Merci de ta réponse,
    Je vois que c'est revenu mais il y a eu plusieurs heures pendant lesquelles on ne voyait plus les onglets mais "upgrade to pro today".
    Excuse-moi mais je ne suis pas sûr de comprendre ce que tu entends par hébergement 1+1, en tout cas il me semble que j'avais déjà remplacé par les nouveaux codes.
    je vais regarder tout ça,
    Merci encore de ta réactivité,
    Guillaume

    RépondreSupprimer
  58. Salut Soufiane,

    Oui ce soir l'inscription "upgrade" est revenue, peux-tu me dire où trouver les nouveaux codes?

    Merci,
    Guillaume

    RépondreSupprimer
  59. Bonjour,

    En réponse à Guillaume:
    J'ai eu le même soucis "upgrade to pro". J'ai refait l'étape 1 du tutoriel qui consiste à ajouter le code dans la partie "modifier le code htlm" (celui que j'avais mis lors de l'installation de la barre n'y était plus), et sans avoir à refaire l'étape 2 l'inscription a disparu (pour le moment en tout cas).

    Bonne journée

    Ps: merci Soufiane pour cette barre de navigation je l'adore.

    RépondreSupprimer
  60. Alors dans ton code html et juste avant </head> tu remplaces le code qui commence et se termine par : (fait attention a ne pas supprimer autre chose !!!)

    <style type='text/css'>
    /* http://www.leblogger.com */
    /* Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
    /* http://www.leblogger.com/2009/06/widget-gadget-blogger.html */
    .glossymenu{
    position: relative;
    padding: 0 0 0 10px;
    margin: 0 auto 0 auto;
    .
    .
    .
    .
    .violet li.current a b, .violet li a:hover b{
    background: url(http://i860.photobucket.com/albums/ab162/LeBloggerTemplate/Zinmag%20Tribune%202/BarLink/Violet3.gif) no-repeat right top;
    }
    </style>


    Normalement ça devrait marcher et bien sûr et il n'y aura aucun modification au niveau de la barre de navigation ....


    par la ligne suivante:

    <link href='http://blogspot.leblogger.com/css/glossyMenu.css' rel='stylesheet' type='text/css'/>

    RépondreSupprimer
  61. @Anonyme
    Merci, j'avais pas vu ton commentaire avant de poster ....

    RépondreSupprimer
  62. Merci Sofiane, c'est impec'.
    Franchement c'est mortel que tu dépannes comme ça,
    Bonne journée,
    Ciao
    Guillaume

    RépondreSupprimer
  63. everyone can succeed with the action, greeting success .......

    RépondreSupprimer
  64. @dj7
    Merci, au moins toi tu as eu la bonne idée de me signaler le "bug" ....

    RépondreSupprimer
  65. Merci beaucoup pour ce code génial et pour la solution au bug, du vrai travail de pro!!!

    RépondreSupprimer
  66. Bonjour
    je commence dans mon blog..
    j'ai créé la barre de menu... ma question (ptêtre stupide car novice) mais comment faire pour ajouter une page ou un widget dans un sous-menu de la barre de navigation ?
    ex: je clique sur astuces et je vois une page différente.
    Pour ma part : je crée un menu avec un onglet TARIFS ou j'aurais une liste de tarifs..
    Merci

    RépondreSupprimer
  67. @Anonyme
    J'ai pas encore fait de tutos pour cette astuce mais je vais le faire pour bientôt ...

    RépondreSupprimer
  68. merci d'avance !!! Ce serait super !!!!!
    J'attends avec impatience !!!

    RépondreSupprimer
  69. SOufiane, il y'a un petit probleme avec la barre, enfaite si tu clic sur une autre page, la selection revient toujours à la prémiere page mm si tu es sur une autre page.. du coup tu as l'impréssion que tu es toujours sur la prémiere page...

    Un Beug à corrigé, fait nous signe please...

    merci bien d'avance..

    craig

    RépondreSupprimer
  70. Non ce n'est pas un bug, c'est comme ça que ça marche ... pour cette barre là.

    RépondreSupprimer
  71. bonjour,
    concernant cette agréable barre. J'ai un petit problème: elle est plus longue que mes posts. Comment faire pour la racourcir en longueur?
    merci beaucoup )

    RépondreSupprimer
  72. Je repose la même question que Craig à savoir:

    Il y'a un petit problème avec la barre, en fait si tu clic sur une autre page, la sélection revient toujours à la première page mm si tu es sur une autre page.. du coup tu as l'impression que tu es toujours sur la première page...

    Comment faire pour corriger ça???

    Cordialement

    merci bien d'avance..

    craig

    RépondreSupprimer
  73. Oui la barre est comme ça, ce n'est pas un problème.

    Il faut ajouter d'autres codes pour faire ce que tu demandes, peut être dans une Màj

    RépondreSupprimer
  74. Merci Soufiane mais si tu pouvais me trouver l'astuce pour la barre, ça me sauverait vraiment la vie.j'en ai besoin pour la création d'un site pour un restaurant.
    Si c'est trop compliqué laisse tomber

    Merci d'avance

    RépondreSupprimer
  75. Pour enlever l'onglet un peu embêtant qui ne change pas de place en fonction du choix de la page, il suffit juste de retirer le mot current du code en laissant les guillemets et il disparaitra...
    Depuis le temps c'était pas bien dur...

    RépondreSupprimer
  76. EXCELLENTE ASTUCE !

    Tu es très doué

    FÉLICITATION MEN !

    RépondreSupprimer
  77. Bonjour
    :)) Je tiens a te remercier pour ton blog et toutes les astuces qui permettent d'utiliser blogspot avec plus de personalisation et ainsi mieux acceuillir les visiteurs, je viens de mettre en place un blog avec tout tes articles et theme. Et donc par respect je me permet si tu es d'accord de t'ajouter dans ma liste de liens :D
    Encore bravo pour ce que tu fais 8-(

    RépondreSupprimer
  78. @christesre
    Bien sûr, ça me fait plaisir, MERCI

    RépondreSupprimer
  79. serait -il possible davoir le glossymenu en noir ?? merci bcp

    RépondreSupprimer
  80. Impossible de l'avoir en noir....

    RépondreSupprimer
  81. mais pourquoi c'est impossible ?? :'(

    RépondreSupprimer
  82. Hello,

    Tout d'abord, j'aime beaucoup cette barre, elle est génial. Seulement chez moi il y a un bug au niveau du graphisme. Voila mon blog http://nowhere-else-but-england.blogspot.com/ histoire de bien voir ou est le problème.
    Je pense que le problème réside dans le template que j'utilise, mais je suis une novice alors j'ai aucune garantie de ça et je voudrais surtout savoir si il y a un solution!

    Merci
    Ivy

    RépondreSupprimer
  83. Bonne nuit à tous ceux qui dorme à ce même moment!

    ça n'est plus la peine, c'était bien à cause du modèle du template! La seule solution que j'ai trouvée, c'est de entièrement refaire un nouveau blog et ça à réglé le problème.Voila le résultat http://nowhere-else--but-england.blogspot.com/

    RépondreSupprimer
  84. Génial, merci.

    http://www.ddl2ouf.blogspot.com/

    RépondreSupprimer
  85. Hello

    Merci pour ce site que je découvre à l'instant.

    Il va me servir pour la création d'un blog pour la comm' interne.

    En revanche, est ce que blogger a upgradé son système d'ajout de gadget?

    En l'occurrence, quand je vais dans personnalisation > Elements de la page > Ajouter gadget, là une fenêtre s'ouvre, et hormis les gadgets prédispo, je n'ai moyen que d'ajouter un URL ... impossible de trouver la partie javascript HTML ..

    Merci d'avance !

    RépondreSupprimer
  86. Gniark gniark c'est erreur de débutant.. sous safari mon affichage masquait je ne sais comment les options..

    Mais maintenant, j'ai un souci niveau rendu...

    Les couleurs ont comme un bug, c'est légèrement décalé...

    illustration ici!
    http://img10.hostingpics.net/pics/689795Capture_d_ecran_2010_06_11_a_20.14.10.png

    RépondreSupprimer
  87. Bonjour et merci pour tes astuces.
    La barre fonctionne très bien, et mes liens vers les pages que je veux sont faits.

    Seulement je me demande comment transférer mes anciens messages sous mes nouveaux onglets...Et pour changer les couleurs des onglets, comment-fait-n Svp? Merci!

    RépondreSupprimer
  88. salut soufiane,
    moi la barre est configuré correctement, jai réussi à mettre un article dans chaque rubrique mais comment faire pour en remmetre d'autre, a kel emplacement il faut mettre le lien dans le menu de la barre merci , si tu peux me répondre le vite possible nadir

    RépondreSupprimer
  89. re peut etre ma question n'est pas comprise sinon je voudrais classer plusieurs articles dans une rubrique telle la tienne, "widget"
    jai réussi a classer le premier en rajoutant son lien dans le code de la barre, mais comment faire pour classer d autre, stp si tu peux me répondre vite merci
    Nadir

    RépondreSupprimer
  90. IL Y A UN SOUCIS CHEZ MOI http://www.profiga.com

    Aider moi SVP
    merci :)

    RépondreSupprimer
  91. Bonjour,

    Ma barre de navigation fonctionne très bien, merci pour ce précieux tuto :)
    Cependant, comment puis-je faire pour mettre une couleur de fond, non pas juste sur les mots, mais sur toute la barre de navigation, de la même taille que mon main-wrapper ?

    Merci d'avance!

    RépondreSupprimer
  92. Soufiane
    J'ai essayé, mais ca n'a pas l'air de marcher ?
    Un petit coup d'oeil sur le blog pour voir ou je me suis trompé ?
    Merci d'avance ...

    RépondreSupprimer
  93. Bonjour!

    Comme il n'y a aucune indication concernant l'endroit où coller le 2e code, je l'ai collé à la fin de la page de code. Lorsque j'ai voulu l'enregistrer, j'ai reçu ce message : "Votre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés. "


    Que se passe-t-il et que faire?

    Merci de m'éclairer!

    RépondreSupprimer
  94. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  95. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  96. Merci pour ce site, Il ma vraiment aider.
    J'estime maintenant de trouver la bonne couleur de navigateur.

    http://www.toutat-e-business.co.cc/

    RépondreSupprimer
  97. Dans les gadgets je ne trouve pas HTLM JAVA SCRIPTE (deuxieme etape) quelqu'un pourrait il m'aider? merci d'avance

    RépondreSupprimer
  98. salut!
    c'est super mais dis moi c'est possible d'avoir la barre d'un couleur neutre comme noir ou blanc?
    les couleurs bleu , rouge, vert, violet, orange ne vont pas avec mon blog...

    merci!!!

    RépondreSupprimer
  99. Bonjour, bravo pour ce super blog.
    La barre de menu fonctionne bien, j'ai mis des libellés pour les onglets.
    Cpd est-il possible de poster un message ou une page sous l'onglet "partenaires" sans que le message s'affiche aussi sur la page d'accueil ? (ma page d'accueil recense tous les messages du blog)
    Merci

    Mon blog : http://nosbonsplans.blogspot.com

    RépondreSupprimer
  100. salut soufiane !!
    dis moi comment ajouter la barre horizontale de libillés.
    MERCII

    RépondreSupprimer
  101. Bonjour, Soufiane

    Je voie que tu as de la besogne ! Tu devrais proposer un petit tour par le site du Zero, non?

    Pour ma par RAS tout baigne, merci pour ton travaille .
    P.S : Je t'ai mis un remerciement bien mérité sur mon blog .

    Cordialement
    José Luis

    RépondreSupprimer
  102. Hello Soufiane,

    ça à l'air top, peut on remplacer par n'importe quelle couleur ? genre si je met "glossymenu rose" ?
    voici mon blog et j'aimerais mettre cette barre de navigation mais à mes couleurs à savoir rose

    http://leblogakochou.blogspot.com/


    Merci de ton retour !!

    RépondreSupprimer
  103. Merci je cherchai justement une nouvelle barre et celle-ci ma tapé à l'oeil car une est simple et original ;D

    RépondreSupprimer
  104. bonsoir ou bonjour comme tu veux, je découvre ton blog, et je trouve que ce que tu fais ici est super!
    grace à toi j'ai viré ma navbar, je m'essaie maintenant aux onglets, bon je n'y arrive pas mes onglets sont fait mais il y a un bug sur l'aspect de la barre, et comment référencer plusieurs messages dans un onglet, car si je rajoute les différentes url dans la ligne ça rajoute des espaces, je crois avoir compris qu'en fait il faut rattacher tout les messages avec des freebies par exemple sous un même libelle, mais je ne comprend pas en quoi ça consiste???
    merci de nous aider comme ça!

    mon blog de scrapbooking est ici http://sylve-scrap.blogspot.com/

    RépondreSupprimer
  105. bon j'ai résolu une partie du problème,(tout ce qui touche au référencement par libellés) reste l'aspect graphique qui n'est pas du tout ce qu'il devrait être, gros rectangles jaune sous les onglets et premier onglet vert (accueil) pas complet!!!!
    comment faire pour obtenir l'aspect final???
    En remontant sur les commentaires de ce post, je m'aperçoit qu'il y a longtemps que tu n'as pas répondu, peut-être n'est-il plus d'actualité?
    si tu as une barre plus récente à proposer, je suis aussi preneuse lol

    en tout cas merci pour l'aide formidable que tu apportes aux débutants comme moi

    mon blog de scrapbooking est ici http://sylve-scrap.blogspot.com/

    RépondreSupprimer
  106. Bonsoir,

    J'ai mis cette barre en couleur bleu, elle est visible mais seulement un petit bout est bleu, pas le reste, comment pourrai-je faire pour avoir la totalité de l' "onglet" (Je ne sais pas comment l'appeler) tout bleu ? voila mon blog : http://Trop-Rap-ide.blogspot.com

    Aidez-moi svp.

    (PS: Ce que tu fais est super, merci pour tout)

    RépondreSupprimer
  107. J'utilise cette barre depuis un moment. Je tenais à te féliciter pour le boulot !

    Cordialement,
    Frank

    RépondreSupprimer
  108. Bonjour Soufiane, je te remercie tout d'abord pour ton super blog.

    Par contre j'ai un petit soucis d'affichage, la barre ne s'affiche par correctement comme Sylve, regarde ce que ça donne http://buzzdusport.blogspot.com/

    Merci d'avance

    RépondreSupprimer
  109. bonsoir soufiane vraiment c'est génial continuer à votre effort tu es le meilleur
    www.nuancier-peinture.org/

    RépondreSupprimer
  110. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  111. Bonjour , je débute et j'ai un peu de mal..cela serais possible d'avoir par e-mail les explication de la barre de menus et comment y joindre un message svp ?
    Amicalement.

    RépondreSupprimer
  112. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  113. Coucou Soufiane! Hihi ca marche! C'est possible de renommer 'Astuces, Widget ...'? Merci! Virginia (je t'ai mail)

    RépondreSupprimer
  114. merci mon ami c'est ce que je cherche

    RépondreSupprimer
  115. c'est bien sofiene, mais si le blog est en arabe le menu ne fonctionne pas correctement

    RépondreSupprimer
  116. Bonjour

    J'ai de longues pages avec different sujets, est-ce possible de référer a un paragrage dans la page avec ces onglet?

    si oui comment
    Pierre

    RépondreSupprimer
  117. Bonjour
    Alors voila du suis en train de créer mon blog.
    Donc j'ai réussi a mettre la barre de menu. Cependant j'a une question vraiment idiote, j'ai cherché mais je ne trouve pas.
    Comment faire pour insérer un billet (un message) dans l'un des boutons de la barre de menu.

    Exemple, j'ai fais un billet où je donné mon adresse mail pour répondre aux questions. Le titre du billet est contact ainsi que son libellé.
    J'ai fait dans ma barre de menu un bouton contact.
    Maintenant comment faire le lien entre les deux?

    merci pour vos réponses

    RépondreSupprimer
  118. wowww!!! merci beaucoup pour cette page...je suis débutante et ce genre d'aide me permet d'amiliorer grandement mon blog.

    bonne journée

    RépondreSupprimer
  119. Bonjour, J'ai un petit soucis pour la barre de navigation,

    J'ai ajouter Accueil,et marketing de réseaux,
    mais quand je vais réécrire des article sur le marketing de réseaux
    comment je vais pouvoir remettre ces article pour quil apparaissent

    quand les gens vont cliquer en haut sur ma barre Marketing-de-reseaux !

    je ne sais pas si bien expliquer le problème !

    RépondreSupprimer
  120. Merci bien ca était vraiment simplifié

    RépondreSupprimer
  121. Merci pour tous tes conseils...
    http://camartfx.blogspot.fr/

    RépondreSupprimer
  122. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  123. Coucou Soufiane!
    Ca fait des heures que je suis sur cette barre de navigation, je vois pas ce qui cloche. Toi tu sauras certainement!
    Je sais pas si tu voudras bien aller dans mon blog est le faire par toi même, pck j'y comprends kedal lol mais voici mon blof:
    http://womenlovesbeauty.blogspot.com

    si tu peux aller faire un tour pour que tu vois le pb et me dire ce que je pourrais faire stp?

    Gros bisou & merci

    RépondreSupprimer
  124. Bonjour,
    j'ai réussi à ajouter la barre de menu, mille merci. j'ai insérer des liens vers des pages web. je souhaite que les liens s'ouvrent sur une autre page pour laisser mon blog ouvert.

    voir mon blog si vous pouvez me répondre : http://intelo2012.blogspot.com/

    Merci

    RépondreSupprimer
  125. Super, un régal, très bien expliqué et pour preuve, réussi du 1er coup !
    Visitez: www.philatlemcen.blogspot.com

    RépondreSupprimer
  126. Par contre j'ai voulu ajouter une 5ème catégorie, pas possible!

    RépondreSupprimer
  127. merci mon ami vRaiment sympa
    AbdouBatna.blogspot.com

    RépondreSupprimer
  128. Salut Soufiane,
    Comment fait-on pour changer la barre par defautt d'un template avec les attributs: HOME ABOUT LOG In c'est a dire personnaliser tout ça en français
    MERCI
    ARIGATO

    RépondreSupprimer
  129. Bonjour, est-il possible de changer la police d'écriture?
    Si oui, comment?
    Merci de votre réponse et merci beaucoup pour la barre horizontale de navigation.

    RépondreSupprimer
  130. La barre ne fonctionne plus, est-il possible de faire qqch ?

    RépondreSupprimer
  131. Bonjour, est-ce possible de mettre des sous-rubriques dans les menus. Exemple:
    Widgets? (on click ou on passe la souri)
    -> Tout les Widgets -> ...
    -> Mes Wigdgets -> ...

    Merci (si vous avez compris)

    RépondreSupprimer
  132. Bonjour, j'ai une barre de lien faite avec blogger et un template qui lui met un fond en dégradé (je sais pas si c'est clair alors je mets le lien de mon site pour que vous puissiez voir de quoi je parle : http:/www.dessinsfantastiques.blogspot.com)

    Le problème c'est que ce fond part tout à droite de l'écran et va jusqu'à l'autre bout, et moi je voudrais qu'il s'arrête à peu près aux limites de la bannière de mon site.

    Voici le code du background :

    .tabs-outer {
    overflow: hidden;
    position: relative;
    background: #ffffff url(//fc04.deviantart.net/fs70/f/2013/240/b/3/tabs_gradient_light6_by_dessins_fantastiques-d6k31a8.png) repeat scroll 0 0;
    }

    Je voudrais donc savoir comment modifier le code pour qu'il puisse être délimité des deux côtés !

    Merci d'avance !

    RépondreSupprimer
  133. merci bcp c'est tres bien expliqué

    RépondreSupprimer
  134. super cool sa marche a merveille
    http://informatique-blog-michael.blogspot.com/

    RépondreSupprimer

Copyright 2015 Soufiane.fr