22 sept. 2010

(Blogger) Ouvrir les liens externes dans un autre onglet

Un des handicaps de la barre d'outils de Blogger est qu'elle ne possède pas la fonction "ouverture des liens dans une autre fenêtre".

Bien sûr, au cas par cas, il suffit d'aller en HTML et de rajouter target="_blank" pour chaque lien

<a href="http://les-nouvelles-ficelles-d-annak.blogspot.com/" target="_blank">>Les nouvelles ficelles d'Anna K</a>
Pour généraliser cette fonction à tous les liens du blog, il suffit :
  • d'aller dans le CSS : Présentation > Modifier le code HTML
  • de cocher Développer des modèles de gadgets
  • de rechercher la ligne
<div class='post-header'>
  • de rajouter à la suite
<base target='_blank'/> 

6 commentaires:

  1. Merci pour l'aide très précieuse et très claire !

    Cette fonction est particulièrement utile, et pas toujours évidente à placer, il faut avoir osé approcher le HTML :-))

    Bien amicalement et très heureuse d'avoir découvert ton blog !

    Mikaella

    RépondreSupprimer
  2. Bonjour Mikaella :) Oh oui, sur Blogger, ce n'est pas évident entre ce mélange de HTML et de CSS. J'avance donc pas à pas.

    RépondreSupprimer
  3. salut, et merci pour ta mine d'info

    au sujet des liens, il est tres pratique en effet d'ouvrir les lien externe dans un nouvelle fenêtre, on comprend aisément pourquoi, mais cela devient vite agacent pour les liens internes, y a t'il moyen de faire la différence ??
    cela marcet'il aussi pour les pubs adsens ??

    RépondreSupprimer
  4. Merci pour tes précieuses informations.

    RépondreSupprimer
  5. Merci pour ce code, mis sur mes blogs.... j'adore ton site !

    RépondreSupprimer
  6. Bonjour,

    Ton article (2010) m'intéresse mais je m'interroge sur son déroulement actualisé (2014) :

    Dans mon blog http://mamiesha.blogspot.fr/ [Modèle Picture Window] j'ai tenté d'appliquer tes directives par le chemin suivant :

    1. Modèle
    2. Modifier HTLM
    3. Onglet « mettre en forme le modèle »
    4. Recherche sans les espaces : < div class = ' post - header ' >
    5. à partir de là entrer, sans les espaces, le code { < base target =' _ blank' / > }
    6. Bouton orange : enregistrer le modèle et vérifier

    Le code est bien intégré mais la fonction est inactive sur mes liens déjà publiés ainsi que sur mon dernier article, publié après cette opération.

    Vois-tu une solution ?
    Par avance, merci:-)

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)