CFDN

このcontentプロパティを使うとこのような事が出来ます。

div.section a[href^="http:"]:before,
div.section a[href^="https:"]:before {
  content : url("使用する外部リンクアイコン画像のパス");
  vertical-align : middle;
}

div.section a[href^="自分のサイトのアドレス"]:before {
  content : "";
  vertical-align : baseline;
}

簡単に説明するとまず記事エリアでaタグを使用しており、href="xxx"の値がhttp:もしくはhttps:のリンクに対して要素の直前（before）にアイコン画像を追加します。そしてvertical-alignで高さを合わせるためにmiddleを設定しています。

これだけだと記事エリア内のリンクには全てアイコン画像が追加されてしまいますので、次の設定で自分のアドレス（つまり内部リンク）の場合は設定したアイコン画像をクリアしています。

結果、本文で外部へリンクを張る場合やトラックバック先など内部リンク以外のリンクに対してアイコン画像を追加する形になります。

応用すれば拡張子が「.pdf」ファイルへのリンクに対してはPDFアイコンを表示するなど色々と使い道があります。

div.section a[href*=".pdf"]:before {
  content : url("使用するPDFアイコン画像のパス");
  vertical-align : middle;
}

結果が気になる方はMozilla Firefoxなど対応したブラウザでご確認下さい。