2011/03/10

Cómo Cambiar los Colores del Widget Recent Posts


Luego de agregar el widget Recent Posts, que muestra una lista de los artículos recientes publicados en la bitácora, quiero cambiar el color de las letras, tanto el usado para los títulos de los artículos como para su resumen.

Para eso primero voy a cargar la página del blog con el navegador Firefox y abriré una ventana que me muestre el código fuente de la página (View, Page Source).

Entre el código fuente busco y copio por entero el script que comience con la siguiente línea:

if (!window.google || !google.friendconnect)

Una vez que tengo copiado el script usado por el widget, procedo a borrarlo desde la página de Page Elements, en la pestaña de Diseño de la consola del blog.

En su lugar, agrego un widget de HTML, en el que pegaré el código del script copiado anteriormente.

Cambio los colores usados para el título de artículos modificando los valores de las variables ENDCAP_LINK_COLOR, CONTENT_LINK_COLOR y CONTENT_SECONDARY_LINK_COLOR.

Cambio los colores usados para el resumen de artículos modificando las variables ENDCAP_TEXT_COLOR y CONTENT_TEXT_COLOR.

Finalmente guardo las modificaciones del widget y reabro la bitácora para ver los resultados.