Personalizar el texto del nombre del comentarista en blogger

Ya hemos visto cómo destacar y personalizar el nombre del autor de las entradas en un blog. Ahora es el turno de los comentaristas y por lo tanto aprenderemos a modificar el aspecto del nombre o apodo utilizado por el lector que publica su opinión.

En la siguiente imagen puede comprobarse el resultado:

Diseño>Edición de HTML>expandimos artilugios

Localizamos este bloque de código en la plantilla:

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>

Ahora bien, para personalizar el nombre del autor del comentario cuando éste ha iniciado sesión en blogger añadiremos lo resaltado en color verde:

<a expr:href='data:comment.authorUrl' rel='nofollow'><span class='bljAutrjteComen'><data:comment.author/></span></a>

En el mismo bloque de código pero unas líneas más abajo veremos nuevamente la etiqueta <data:comment.author/>, aunque esta vez sin enlace porque se trata de la utilizada por comentaristas que comentan como anónimo o nombre/url. Repetimos lo realizado anteriormente:

<span class='bljAutrjteComen'><data:comment.author/></span>

Para terminar, buscamos la etiqueta ]]></b:skin> para insertar justo antes estas propiedades CSS:

.bljAutrjteComen {
font-size: 14px; /* Tamaño del texto (14) */
color:#333333; /* Color del texto (#333333) */
font-family: Arial,helvetica,sans-serif; /* Fuente a utilizar */
font-weight:normal; /* Estilo del texto (para cambiar a negrita reemplaza normal por bold */
}

Cada línea contiene una descripción para facilitar la modificación. Utiliza la tabla de colores para obtener el código de cualquier color.