Wednesday, April 6, 2011

Gadget de traductor de Microsoft

Hace ya alg?n tiempo vimos c?mo poner un traductor de Google en el blog, y ?ltimamente me han preguntado sobre el traductor de Microsoft Translator. Aunque no es muy popular lo cierto es que al menos del espa?ol al ingl�s las traducciones suelen ser muy buenas, y en otros idiomas... no lo s�, pero quien lo haya usado para otras lenguas podr? darnos una mejor opini?n.

El gadget es peque?o, atractivo visualmente y funcional. Al igual que el traductor de Google, guarda las cookies con la preferencia del idioma que se haya traducido, para cuando el lector regrese a la p?gina vuelva a ver el idioma de su selecci?n sin tener que elegirlo nuevamente.
Tambi�n agrega una barra de herramientas en la parte superior del blog, de esta forma el usuario sabe que est? en una p?gina traducida y con s?lo cerrarla se eliminan las cookies y se regresa al idioma original del blog.





Para agregar este gadget de traductor primero vamos a la p?gina de Microsoft Translator


En Site adress escribe la direcci?n del blog donde lo vas a poner.
En Site language, el idioma original de tu blog.

Marca la casilla Display widget control, si quieres que el gadget siempre est� visible y el usuario sea quien decida traducir la p?gina. Si no quieres que sea as? desmarca esa casilla y en Translation settings podr?s elegir entre entre Notify y Auto. El primero de estos dos mostrar? una barra de herramientas para preguntar si se desea traducir la p?gina, y la segunda opci?n de estas no preguntar? sino que traducir? autom?ticamente al idioma del lector. Si usan alguna de estas dos opciones seguro ustedes no notar?n ninguna traducci?n ni ver?n el gadget pues s?lo funcionar? cuando el gadget detecte que el idioma del lector es distinto al idioma del blog, en este caso distinto al espa?ol.

Seguimos, en Color, selecciona el color que tendr? el gadget.
En Widget width, puedes arrastrar la barra para seleccionar el ancho del traductor.

Por ?ltimo ve abajo de la p?gina y marca la casilla de aceptaci?n de los t�rminos y condiciones; da click en Generate code y copia el c?digo.
Ahora entra en Dise?o | Elementos de la p?gina | A?adir un gadget | HTML/Javascript y ah? pega el c?digo que has copiado anteriormente.

Y eso es todo. Si lo quieres m?s f?cil s?lo copia este c?digo y p�galo en un elemento HTML/Javascript:
<div id="MicrosoftTranslatorWidget" style="width: 200px; min-height: 0px; border-color: #3A5770; background-color: #78ADD0;"><noscript><a href="http://www.microsofttranslator.com/bv.aspx?a=http%3a%2f%2ftublog.blogspot.com%2f">Traducir esta p?gina</a><br />Con tecnolog?a de <a href="http://www.microsofttranslator.com">Microsoft� Translator</a></noscript></div> <script type="text/javascript"> /* <![CDATA[ */ setTimeout(function() { var s = document.createElement("script"); s.type = "text/javascript"; s.charset = "UTF-8"; s.src = ((location && location.href && location.href.indexOf('https') == 0) ? "https://ssl.microsofttranslator.com" : "http://www.microsofttranslator.com" ) + "/ajax/v2/widget.aspx?mode=manual&from=es&layout=ts"; var p = document.getElementsByTagName('head')[0] || document.documentElement; p.insertBefore(s, p.firstChild); }, 0); /* ]]> */ </script>

Cambia el nombre de tu blog donde se indica. En width podr?as modificar el ancho del gadget, en border-color puedes cambiar el color del borde del gadget que es la parte gruesa superior, y en background-color puedes cambiar el color que prefieras.

No comments:

Post a Comment