mercredi 9 février 2011

Ajouter un lien dans la liste des onglets

Une fois que nous avons mis en place des onglets par l'intermédiaire des pages, l'envie de rajouter des liens pointant vers des sites se fait sentir.
Comment, par exemple, donner l'envie depuis un blog de passer vers un autre, ou même, de sauter vers sa propre page de Facebook ?

Le point de départ est le même que celui présenté dans ce message relatif à un pseudo menu rajouté à la suite des pages.

Reprendre les explications développées dans ce message.

Puis, entre
</b:loop>
et
</ul>

Il faut intégrer le code suivant :
<li>
<a href='http://NOMDUBLOG.blogspot.com/' target='_blank' title='TEXTE AU SURVOL DE L'ONGLET'>TITRE DE L'ONGLET</a>
</li>

Il ne vous restera plus qu'à personnaliser l'adresse de votre lien, le texte au survol et le titre de l'onglet.
Celui-çi s'intégrera à la suite des autres onglets et en respectant le modèle du blog.
Vous pouvez aussi supprimer target='_blank' si vous acceptez que le lien s'ouvre dans la même fenêtre.

A+

Le dernier onglet de ce blog reprend l'explication présentée ci-dessus. Un clic sur le lien permet d'accéder à mon autre blog : De tout et du reste.

Mise à jour : il existe, depuis, une autre fonctionnalité permettant d'ajouter sans peine un lien dans la barre de menu : Intégrer des liens à côté des pages

16 commentaires:

  1. Merci, c'est un plaisir de lire vos astuces.
    Continuez.

    RépondreSupprimer
  2. Coool je cherchais justement une solution, j'avais inséré mes liens dans des pages qui du coup n'étaient qu'une transition pas vraiment intéressante !

    RépondreSupprimer
  3. n'y aurait-il pas une solution autre que d'insérer des balises: c'est un truc auquel je ne comprends RIEN

    RépondreSupprimer
  4. Mais je vous dis un grand merci quand mme

    RépondreSupprimer
  5. Au secours ! Enfin bonjour avant tout ;-)
    J'ai bien essayé votre technique, mais cela ne marche pas, blogger ne veut pas enregistrer mon modèle, il dit "Message d'erreur XML : Element type "a" must be followed by either attribute specifications, ">" or "/>"."
    Je ne trouve pas de solution, vous avez une idée ?
    Merci d'avance !

    RépondreSupprimer
  6. Bonjour,

    Cela doit signifier que, dans votre code, il manque le </a> indiqué dans l'article ci-dessus.

    RépondreSupprimer
  7. Bonjour,
    ça fait un moment que je cherchais cette solution et je vous remercie d'en avoir parlé.
    En essayant de créer ce fameux onglet qui renverra automatiquement vers la traduction en anglais via google translator, j'ai reçu ce message d'erreur "The reference to entity "tpl" must end with the ';' delimiter."
    Voici le lien que j'essaye d'insérer In English
    Sachant que je ne veux pas de message au survol de l'onglet.
    Est-ce que vous pourriez m'aider?
    Merci par avance!

    RépondreSupprimer
  8. Bonjour L'Insouciante,
    Le problème vient du lien par Google traduction. Le message d'erreur que j'ai en reprenant votre exemple cite le "u" de cette adresse. Si je rectifie cette adresse pour mettre autre chose il n'y a aucun souci. Cela est donc lié à un blocage sur le lien dans l'adresse.
    Dans la nouvelle version de Blogger, il sera possible, en plus des pages, de faire des liens directs reprenant cet exemple. Espérons qu'il n'y aura plus cet handicap.

    RépondreSupprimer
  9. Merci pour votre réponse rapide. C'est dommage car en soi le lien marche bien (même depuis mon commentaire précédent) sauf que ce n'est plus le cas dès que je l'insère dans html de mon template.
    J'étais inpspirée par des blogs comme celui-là http://www.cachemireetsoie.fr/ avec leur onglet "In English". Je me disais qu'il est donc possible de faire cette manipulation...

    RépondreSupprimer
  10. A essayer peut être dans un gadget html en lien depuis une image.
    Ou autrement le code source est accessible depuis la page du blog que vous citez. Est-il Bloggerable ?

    RépondreSupprimer
  11. bonsoir,
    j'ai commencé un site il y a quelques semaines et en débutant je n'ai pas bien selectionné où je voulais mettre les pages (en fait sous forme d'onglets) et depuis je n'arrive plus à bien les intégrer au dessus). comment puis-je faire ? voici le nom de mon site, si cela peut m'aider à trouver la solution : Chawan et Ryokan. Merci à vous !

    RépondreSupprimer
  12. J'ai fini par trouver! Merci quand meme, votre site est top.

    RépondreSupprimer
  13. Merci à l'avance pour votre aide car j'ai un problème que je n'arrive pas à régler. Je gère deux blogs blogger. Je souhaiterais qu'ils disposent tous les deux de la fonction traduction donc j'ai inséré le même code dans ajouter un gadget. Cela fonctionne pour l'un http://laretraitederussiematue.blogspot.com/ et pas pour l'autre http://ouestuvandevoorde.blogspot.com/Et dans l'absolu, je préfèrerais l'inverse. Si quelqu'un a une idée?

    RépondreSupprimer
    Réponses
    1. Bonjour Sylvie,
      Je viens de regarder vos 2 blogs et la traduction me semble marcher. Vous avez fait des modifications ?

      Supprimer
  14. Bonjour,
    J'ai besoin de votre aide.
    Je veux créer un blog sur mes collections de sous bocks et verres de bière.
    Pouvez vous m'expliquer le plus simplement pour mettre le lien de mes images qui sont dans "Drive Google"
    je veux pouvoir mettre le nom de mes brasseries et quand on clique dessus toutes les images de mes sous bocks en même temps.
    Je ne suis pas un AS dans l'informatique.
    J'attends vos explications
    Papy.86

    RépondreSupprimer

Merci de prendre note des messages d'annonce en une du blog.
Et d'adresser vos questions sur notre
Communauté des Utilisateurs de Blogger hébergée sur Google+.

LinkWithin

Related Posts with Thumbnails