MODIFICAR EL ESTILO DE UN GADGET

 Estas es la forma más general de vestir o modificar el estilo de un gadget en blogger .Deberá colocarse en la plantilla del blog en la zona anterior a  ]]></b:ski.

Para identificar la id deberas buscar el en blog (control + f dentro de la plantilla) el nombre que le has puesto y 
<b:widget id='BlogArchive1' locked='false' title='Título del gadget' type='BlogArchive'/>
y en una linea parecida a esta hallareis la ID.

#(AQUI LA ID DEL GADGET sin los paréntesis.) h2{
  color: #0b3861; /* Color del título */
  background: #58acfa; /* Color del fondo */
  text-align: center; /* Título en el centro */
  font-weight: bold; /* Título en negrilla */
  font-family: Verdana; /* Tipo de fuente */
  font-size: 12px; /* Tamaño de la fuente */
}

Con estas instrucciones se personaliza el título del gadget si quitas el h2 que estan antes de los corchetes varias todo el contenedor.
.sidebar h2 {.... Así modificaríais el título de todos widget.


Para personalizar el contenido el codigo sera algo parecido a esto:

#(LA ID DEL GADGET sin paréntesis) .widget-content{

color: #0b3861; /* Color del texto */
background: #58acfa; /* Color del fondo */
font-family: Verdana; /* Tipo de fuente */
font-size: 12px; /* Tamaño la fuente */
}
La personalización del contenido de todos los gadget sería asi lo importante es la primera linea:


.widget-content{
color: #0b3861; /* Color del texto */
background: #58acfa; /* Color del fondo */
font-family: Verdana; /* Tipo de fuente */
font-size: 12px; /* Tamaño de la fuente */
}