En blogger tenemos la posibilidad de personalizar un gran número de elementos, entre los que destacan los enlaces o links. En esta entrada explicaré la manera de poner un pequeño icono que aparecerá cuando el lector haga clic sobre el enlace y éste haya sido visitado. Sin duda, este truco facilita a tus lectores el distinguir bien cada enlace.
Puedes ver el truco en funcionamiento haciendo clic sobre este enlace (vuelve después a esta entrada para comprobar el resultado):

Busca esta línea de CSS:
a:visited {
Ahora añade esto justo debajo:
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyUmWic9Fexy1vp7zr6IKLeCMVhrO3GUchWxj3CQtx8uWlmW5DsiP66wT6uavG1atTh2WjsoWYnS6WXeWZJsGBSdCDJs6oK5peJAqMgY4sgDCMqgE2rRd2GJUkwpJ3m7wmjGqXUIfIOPw/s400/bltick.png) no-repeat 100% 50%;
padding-right:20px;
text-decoration:none;
Puedes editar el icono reemplazando la URL de la imagen actual por la dirección de la nueva, así como incrementar o disminuir la distancia entre el icono y el enlace, editando el valor 16px de la línea padding-right:16px;.
Me parece un truco agradable para los lectores.
Antes de aplicarlo, tengo una duda: ¿aparecería este link en los enlaces visitados que hayan sido puestos en la entrada, o sólo en los de la sidebar, por ejemplo?
Gracias de nuevo y un saludo.
Hola Jaime¡
Me gustaría hacerte una consulta si fueses tan amable. Tengo en "leer más" por defecto en mi plantilla, y me salen más líneas de texto de las que desearía antes del "leer más". ¿conoces alguna forma de reducir ese número de líneas?
Gracias por anticipado.
Un abrazo¡
Qué chulada!. Pues me gusta, me gusta...
Un besote
Es muy buena idea, casi genial. Y una perfecta alternativa al común y simple "cambio de color" sobre el enlace visitado. Gracias por compartirlo.
La Abeja Mala
Hola Jaime...
La última consulta que te hice de "leer más" (el acortar el número de caracteres a mostrar) ya he dado con la tecla (despúes de sudor y lágrimas :) ). El asunto estaba en summary_img = x.
No obstante, muchas gracias amigo.
Un abrazo
Hola Jaime, quisiera hacerte una pregunta,
¿Como haces para ocultar parte de una imagen?
osea, para no mostrar la id de tu blog colocas la parte borrosa, quisiera saber como haces eso:D
Atte: Alejo.
Cierto Abeja Mala, ya que con este truco no solo conseguiremos el cambio de color sino un icono que captura nuestra atención y nos ayuda a determinar los enlaces visitados.
Gracias a ti por la visita y el comentario.
¡Te estás conviertiendo en un experto, Felix Casanova!
Querría haberte resuelto la duda pero con la mudanza no he tenido tiempo. Ahora vuelve todo a la normalidad (o eso espero :D).
Alejo, utilizo el programa FastStone Capture, el cual posee un editor que permite, al hacer una captura de pantalla, editar la imagen y añadirle el efecto "blurry" o "borroso".
¡Laube, te echaba de menos! Jajaja, me alegra muchísimo que te guste. Por cierto, creo que no te lo había dicho pero tu nueva plantilla me encanta, es elegante y las sombras funcionan a la perfección en todos los navegadores.
Hola Felix. Antes que nada necesito conocer el truco que instalaste. Solo así podré indicarte el valor a editar en el código para reducir el número de carácteres de los resúmenes :D.
Negrevernis, el truco aparecerá en todos los enlaces del blog, sin importar el apartado en el que se encuentren.
Por el contrario, si deseas que el icono aparezca exclusivamente en los enlaces de un apartado determinado de la plantilla dímelo y te indicaré la manera de conseguirlo.