Personalizar las etiquetas o laber

Primero vamos a ver los link de cada etiqueta que queramos personalizar.

Serán algo así:

http://TU BLOG.blogspot.com/search/label/NOMBRE DE LA ETIQUETA

En el ejemplo voy a utilizar la etiqueta de mi blog llamada NAVIDAD:

http://loseasi.blogspot.com/search/label/Navidad

Vamos a Diseño, Edición de HTML y justo arriba de ]]></b:skin> pondremos los códigos CSS.

Voy a agrandar el texto y cambiarle el color, quedando distinto al resto.

El código es así:

a[href $='http://loseasi.blogspot.com/search/label/Navidad']{color:red;font-size:24px;}

Si queremos que cambie al pasar el cursor repetimos el código y agregamos :hover de la siguiente forma:

a[href $='http://loseasi.blogspot.com/search/label/Navidad']{color:red;font-size:24px;}
a:hover[href $='http://loseasi.blogspot.com/search/label/Navidad']{color:blue;font-size:30px;}

Así va a cambiar de Rojo a Azul y se agranda el tamaño del texto.


Podemos perzonalizar todos los link que quieramos.

Ejemplo:

a[href $='http://loseasi.blogspot.com/search/label/Navidad']{color:red;font-size:24px;}

a[href $='http://loseasi.blogspot.com/search/label/Blogger']{color:#333333;font-size:30px;}

a[href $='http://loseasi.blogspot.com/search/label/Juegos']{color:#006633;font-size:24px;}

a[href $='http://loseasi.blogspot.com/search/label/Uruguay']{color:#6699FF;font-size:26px;}

a[href $="http://loseasi.blogspot.com/search/label/Humor']{color:#99CC33;font-size:28px;}

Este código se puede utilizar para personalizar cualquier link que tengamos en el blog.

Solo poner el link y elegir el estilo:

a[href $='http://www.blogger.com']{color:red;font-size:30px;}

Con esto, los link a Blogger se mostraran de color Rojo y con un tamaño de texto de 30px.

Si es necesario agregarle por delante la Clase o la Id de su ubicación.

Con algo de imaginación podemos darle un buen aspecto a las etiquetas, todo lo permitido con estilo CSS.

Tamaño del texto, Color del texto, background, etc..