Personnellement, je veux différencier les deux liens mais je ne désire pas ouvrir les liens externes dans une autre page. Pas d'utilisation de target=_blank donc. Je veux laisser à l'utilisateur le choix d'ouvrir "ses" liens où il veut. On veut donc simplement obtenir un résultat du style

J'ajoute ces quelques lignes dans ma feuille de style,

#content a[href^="http:"] {
background: transparent url('aoutside.gif') right center no-repeat;
padding-right: 10px;
}

#content a[href^="http://pittt.free.fr/blog"], #content a[href^="http://blog.namok.be"] {
background: inherit;
padding-right: 0px;
}

#content a img {
margin-right: -10px;
vertical-align: bottom;
}

Pour les sources, j'ai lu ça chez Franck Paul pour la base et l'image utilisée et chez Nealo pour la suppression du petit symbole dans les "liens images".

Et hop ! Une bonne pratique supplémentaire mise en œuvre sur le blog et sur le site de l'école.