Links externos con icono

Estaría bien diferenciar los links externos en nuestro blog de los que no lo son, o sea, los que al pinchar sobre ellos nos llevan a otras páginas, de los que nos envían a una parte dentro de nuestro blog.
Podemos hacerlo añadiéndoles un pequeño icono, que los distinga, para ello empleamos el CSS.

1- En el css de nuestra plantilla, por ejemplo justo antes de ]]></b:skin>, añadimos esto:

a[href^="http"] {
background: transparent url(URL DE NUESTRO ICONO) no-repeat center right;
padding-right: 18px;
}

a img[href^="http"],
a[href^="URL DE NUESTRO BLOG"],
a[href^="URL DE NUESTRO BLOG"] {
background-image: none;
padding-right: 0;
}

El primer código le ordena a nuestros links que aparezcan con el icono, fijaros que en padding-right: he puesto 18px, es la distancia del icono a el texto, si vuestro icono es mayor o menos, probablemente tengáis que modificar esto para conseguir un mejor efecto estático. Podéis ir modificando y usando la vista previa.
El segundo es para que los links internos y las imágenes con link, no lo muestren. No se os olvide poner la url (dirección que aparece en el navegador cuando entráis a vuestro blog) en el código, las dos veces que lo pide.

Los links externos se verían así:

Por si queréis usar la flechita verde, os dejo su dirección:

http://img213.imageshack.us/img213/6841/arrowrighttp6.png