El gadget traductor de Blogger

Hace poco, Blogger Buzz anunciaba que ya estaba disponible un nuevo gadget que permite agregar un traductor en el blog pero, a mi entender, lo anunciaba de modo erróneo (o a propósito) haciendo hincapié en que funcionaba en las Vistas Dinámicas cuando, en realidad, la información debería decir que TAMBIÉN funciona en ese tipo de plantillas pero que está disponible para cualquier otra pero, ya se sabe que la gente de Blogger se enamora fácil de sus fracasos ya que las las Vistas Dinámicas son eso, un juguete que muy pocas personas utilizan.

De todos modos, allá vamos y respondo a un par de consultas generales advirtiendo desde ya que, como casi cualquier otro gadget, las posibilidades de configurarlo visualmente son escasas. De hecho, cuando lo agregamos, nos da muy pocas opciones; podemos colocarle un título y seleccionar un estilo (Vertical, Horizontal, Solo desplegable) aunque, al parecer, en una plantilla normal, esos estilos no existen y siempre se ve igual, elijamos lo que elijamos.

El gadget se agrega como widget cuyo ID es Translate:

<b:widget id='Translate1' locked='false' title='Translate' type='Translate'/>

Sólo podemos cambiar algunas cosas mediante CSS, agregando las reglas correspondientes antes de </b:skin>. Un ejemplo con un poco de todo:

#Translate1 { /* centramos todo */
  text-align: center;
}
#Translate1 select { /* cambiamos el elemento SELECT a gusto */
  background: #DDD;
  border: 2px solid #EEE;
  border-radius: 4px;
  color: #000;
  font-family: Tahoma;
  margin: 10px 0;
  padding: 2px 10px;
  width: 200px;
}
#Translate1 option { /* cambiamos la forma en que se verán las opciones */
  font-style: italic;
  padding-left: 10px;
}
#Translate1 span { /* ocultamos el texto "Traductor de Google" que es demasiado ancho y se ve cortado */
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  width: 55px;
}
#Translate1 a {
  color: transparent;
}