Como quitar los Puntitos que aparecen al hacer clic en los Enlaces?

Si observamos los enlaces de muchos blogs y páginas web, al hacer clic sobre estos, aparecen rodeados de puntitos como por ejemplo el de las siguientes imágenes.

Ejemplo en enlace:

Ejemplo en títulos de post:

Esos bordes de puntitos se dan en distintos navegadores, como por ejemplo en Firefox e Internet Explorer, más específicamente a partir de la versión 8 (antes de esta versión no aparecía).

Particularmente no me agradan. Para sacarlos en Blogger (y seguramente en otras plataformas debería funcionar), una posibilidad es siguiendo estos pasos:

1 Antes que nada recomiendo hacer una Copia de seguridad de la Plantilla.

2 Luego, ir a la parte editadle de la plantilla. Para esto, en Blogger, ir a Diseño y luego Edición HTML.

3 En la parte de arriba donde aparece un sector como el siguiente:

a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:none;
}
a img {
border-width:0;
}

agregar a su continuación el siguiente fragmento:


a {
outline:0;
}

Nos quedaría algo así:

a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:none;
}
a img {
border-width:0;
}
a {
outline:0;
}

Guardamos y listo. Luego al hacer clic en los enlaces o títulos ya no deberían aparecer esos bordes de puntos en los enlaces.

.

Entradas relacionadas:

Utilidades para Bloggers y Webmasters