El widget de Google Translate

Algunos preguntan qué es eso del nuevo widget de Google Translate y cómo integrarlo a Blogger.

Es sencillo, basta ir a Google Translate Tools, seleccionar el lenguaje de nuestro sitio:

Select the language of your webpage: ArabicBulgarianChinese (Simplified)Chinese (Traditional)CroatianCzechDanishDutchEnglishFinnishFrenchGermanGreekHindiItalianJapaneseKoreanNorwegianPolishPortugueseRomanianRussianSpanishSwedish

y luego, copiar y pegar el código que nos dan en un elemento HTML que agregaremos en la plantilla.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&amp;up_source_language=es&amp;w=160&amp;h=60&amp;title=&amp;border=&amp;output=js"></script>

No hay mucho que podamos personalizar ya que como todo gadget, el código es inaccesible sin embargo, hay pequeños detalles que podemos manejar y para eso, lo mejor es ir a la edición de la plantilla, expandir artilugios y buscar el elemento HTML que lo contiene.

Allí, agregamos las propiedades de estilo que nos interesen; por ejemplo:

<b:widget id='HTMLX' locked='false' title='NUESTRO TITULO' type='HTML'>
<b:includable id='main'>
  .......
  <div class='widget-content'>
    <data:content/>
    <style>
      table.ig_reset {margin: 0 auto; width: 190px;} /* centramos el bloque */
      table.ig_reset iframe {margin: 0 auto;} /* centramos el iframe */
      table.ig_reset td {text-align: center !important;}  /* centramos los textos */
      /* las propiedades del texto inferior */
      table.ig_reset a {color: #FFFFFF !important; text-decoration: none !important;}
      table.ig_reset span {color:#FFFFFF !important;}
    </style>
  </div>
  .......
</b:includable>
</b:widget>

Y si quisiéramos eleminar el texto inferior, colocamos:

table.ig_reset a {display: none;}
table.ig_reset span {display: none;}