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>

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 :

L'atelier de Mousie
Le Blog des Liens du Vin
Trucs et astuces pour Google Sites
Gpooo