Cambiar a minúsculas el título de los gadgets

Algunos blogs tienen los títulos de los gadgets con letra mayúscula, lo que a algunos resulta un tanto molesto y quisieran cambiar dicho texto a minúscula. Pues eso se cambia de una manera tan rápida y sencilla que casi no lo creerán. 

Pues sí, y para hacerlo solo entra en Diseño, Edición Html, y busca lo siguiente:

Para plantillas del Diseñador de Plantillas de Blogger:

<Variable name="widget.title.text.transform" description="Widget Title Text Transform" type="string" default="uppercase" value="uppercase"/>

Para Plantillas Personalizadas:

/* Headings

----------------------------------------------- */

h2 {

  font: $(widget.title.font);

  color: $(widget.title.text.color);

text-transform: uppercase;

  margin: 0 0 .5em;

}

También puedes cambiar el tamaño, la fuente y el color del texto. En las plantillas del Diseñador de Plantillas de Blogger debes reemplazar "uppercase" por "lowercase"; o en su defecto reemplazalo por "none" y el texto será tambien normal. En Plantillas Personalizadas, deberás agregar lo que está en rojo para conseguir cambiar a minúscula el texto; también cambia lo que está en fucsia por el valor de cada propiedad, así en font: $(widget.title.font); debes reemplazar por una fuente de texto válida (arial, arial arrow, san serif, etc.); y en color: $(widget.title.color); deber poner el código de color que más gustes. Mira esta entrada para que consigas el color que deseas.

¿Y si quieres agrandar el tamaño del texto? Busca:

 

  <Group description="Gadgets" selector="h2">

     <Variable name="widget.title.font" description="Title Font" type="font"

        default="normal normal 15px Palatino, serif" value="normal normal 15px Palatino, serif"/>

Reemplaza 15px por el tamaño de texto que quieras. Por último,  si notas que el texto de la fecha de las entradas también cambia de color, sólo busca el siguiente código en tu plantilla y agrega lo que está resaltado en verde:

/* Posts

=================================================*/

h2.date-header {

                margin:1.5em 0 .5em;

        color: #999999;

                }

Con lo demás no tendrás problemas. Lo ves, te dije que era super sencillo.