Message des administrateurs

Ce blog est le prolongement, le complément du Groupe d'aide Blogger en français. Vous pourrez y trouver, au fur et à mesure qu'ils seront reproduits ici, les conseils donnés au fil des messages sur le Groupe. C'est une simplification pour vos recherches d'aide sur les blogs de Blogger. Vous êtes cordialement invités à participer à cette compilation. Pour ce faire, il vous suffit de m'adresser un mail à cette adresse et dans les meilleurs délais, nous nous efforcerons de changer votre inscription afin que vous puissiez intervenir. Comme il s'agit d'un blog, vous pourrez également laisser vos commentaires - toujours les bienvenus - pour améliorer tant le contenu que le contenant.


Groupe d'aide Blogger en français

Google Groupes
Abonnez-vous au groupe Aide Nouveau Blogger en français
E-mail :
Visiter le groupe

mercredi 26 septembre 2007

Ouvrir les liens dans une nouvelle fenêtre

La théorie

L'attribut target permet de désigner le cadre (au sens large) dans lequel la ressource désignée par l'hyperlien doit s'ouvrir. Par défaut le lien s'ouvre dans la fenêtre d'appel (formellement target="_self").
Pour ouvrir le lien dans une nouvelle fenêtre, il faut utiliser :

target="_blank"

La polémique

target a été indroduit en html 4 mais supprimé de la norme html 4.1 strict. Sans rentrer dans la polémique, relevons quelques arguments pour et contre :
Pour :
Ouvrir le lien dans la même fenêtre entraîne des déperditions de pages visitées pour le site initial
Présenter une information supplémentaire légère en appui de la page principale (aide contextuelle ou agrandissement d'une vignette)
Contre :
L'attribut target contribue au mélange du code relatif à la présentation et au contenu
L'espace de travail de l'utilisateur est encombré de fenêtres supplémentaires

Un lien textuel

Il suffit d'ajouter l'attribut target="_blank" au tag <a>. Par exemple :

Un nouveau site sur <a href="http://www.mauricegay.ch" target="_blank" title="Les vins du Valais">les vins du Valais</a>

Un nouveau site sur les vins du Valais


Un lien sur une image

Le tag <img> doit être encapsulé dans une ancre. Comme pour un lien textuel, il suffit d'ajouter l'attribut target="_blank" au tag <a>. Par exemple :


<a title="texte lien" href="http://www.blogger.com/URL" target="_blank"><img title="Titre image" alt="texte alternatif" src="http://www.blogger.com/URL" /></a>

Vignette Maurice Gay


Ajouter automatiquement l'attribut target="_blank" dans la liste des liens du Blog

Pour que les liens du Widget Liste de Liens s'ouvrent dans une nouvelle fenêtre, il faut modifier le template :

Paramètres/Modèle/Modifier le code HTML/Développer des modèles de gadget

Rechercher : b:widget id='LinkList

(Il peut y avoir plusieurs listes de liens, LinkList1, LinkList2, ...)

<b:widget id='LinkList1' locked='false' title='Titre de la liste' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2>
<data:title/>
</h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a href='data:link.target' target='_blank'>
<data:link.name/></a>
</li>
</b:loop>
</ul>
...

Il suffit d'ajouter target='_blank' (attention, encadré par une apostrophe).

Ajouter automatiquement l'attribut target="_blank" pour les posts

Paramètres/Modèle/Modifier le code HTML/Développer des modèles de gadget

Rechercher : b:includable id='post'

<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' target='_blank'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' target='_blank'><data:post.title/></a>
<b:else/>
<data:post.title/>
...

Ajouter deux fois target='_blank'


Autres trucs et astuces :
Enregistrer un commentaire