Efectos con los links del blog

La mayoría de los links del blog se ven bastante iguales, y cuando están en una lista grande de links, ni se sabe cuales has visitado y cuales aún no.

/!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Donde editar el código HTML de nuestra plantilla.

[1] Los códigos a continuación se agregan en Diseño>Edicion HTML>Sin expandir plantillas de artilugios y antes de la etiqueta ]]</b:skin>

Para diferenciar los enlaces visitados, de los demás. Necesitas agregar el siguiente código:

a:visited {
  background: url(URL) no-repeat center;
  padding: {mitad del alto de la imagen} 6px {mitad del alto de la imagen} {ancho de imagen};
  text-align:left;
}

Para diferenciar los enlaces activos, de los demás. Necesitas agregar el siguiente código:

a:active {
  background: url(URL) no-repeat center;
  padding: {mitad del alto de la imagen} 6px {mitad del alto de la imagen} {ancho de imagen};
  text-align:left;
}

Para agregar un efecto que se active al pasar el mouse:

a:hover {
  background: url(URL) no-repeat center;
  padding: {mitad del alto de la imagen} 6px {mitad del alto de la imagen} {ancho de imagen};
  text-align:left;
}

El texto en color:
Rojo, se sustituye por la url de la imágen/icono. Que aparecerá a lado de los enlaces visitados.
Azul, se sustituye por los atributos de la imágen/icono.

También existe la posibilidad o necesidad de colocar un icono, a un lado del enlace en una lista de algún tema en específico.

Para agregar un icono, a lado de las etiquetas del web/blog:

.label a {
  background: url(URL) no-repeat center;
  padding: {mitad del alto de la imagen} 6px {mitad del alto de la imagen} {ancho de imagen};
  text-align:left;
}

Para agregar un icono, a lado de las listas de links en tu blog:

.linklist a {
  background: url(URL) no-repeat center;
  padding: {mitad del alto de la imagen} 6px {mitad del alto de la imagen} {ancho de imagen};
  text-align:left;
}

El texto en color:
Rojo, se sustituye por la url de la imágen/icono. Que aparecerá a lado de los enlaces visitados.
Azul, se sustituye por los atributos de la imágen/icono.