Pubblicato il 02/09/10e aggiornato il

Blogger: widget per tradurre i post con bandierine in miniatura


Internet è globale, questo è noto, perciò può capitare che sul nostro blog arrivino anche dei visitatori che non conoscono l’italiano.

Per ovviare a questo problema è bene inserire nel blog un widget traduttore.

Come? Semplice:

  1. Loggatevi a Blogger
  2. Cliccate su Design > Aggiungi un gadget > html/Javascript
  3. Inserite il codice qui sotto, salvate e posizionate il widget a vostro piacimento

<center><img src="http://lh6.ggpht.com/_ewREQ2z7SjM/TBzYoZ3Yk-I/AAAAAAAAD-U/3JKw8MEI_to/map.png" width="136" height="101" alt="" usemap="#map" border="0" /></center>
<map name="map">
<area shape="rect" coords="0,0,16,11" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=en&#39;); return false;" style="cursor: pointer;" title="English" alt="English" />
<area shape="rect" coords="21,0,36,11" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=vi&#39;); return false;" style="cursor: pointer;" title="Vietnamese" alt="Vietnamese" />
<area shape="rect" coords="41,0,56,11" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=cy&#39;); return false;" style="cursor: pointer;" title="Welsh" alt="Welsh" />
<area shape="rect" coords="61,0,76,11" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=sv&#39;); return false;" style="cursor: pointer;" title="Swedish" alt="Swedish" />
<area shape="rect" coords="81,0,96,11" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=sl&#39;); return false;" style="cursor: pointer;" title="Slovenian" alt="Slovenian" />
<area shape="rect" coords="101,0,116,11" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=sr&#39;); return false;" style="cursor: pointer;" title="Serbian" alt="Serbian" />
<area shape="rect" coords="121,0,136,11" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=ro&#39;); return false;" style="cursor: pointer;" title="Romanian" alt="Romanian" />
<area shape="rect" coords="0,19,16,29" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=pl&#39;); return false;" style="cursor: pointer;" title="Polish" alt="Polish" />
<area shape="rect" coords="21,19,36,29" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=tl&#39;); return false;" style="cursor: pointer;" title="Filipino" alt="Filipino" />
<area shape="rect" coords="41,19,56,29" href="#" title="Latin American Spanish" alt="Latin American Spanish" />
<area shape="rect" coords="61,19,76,29" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=tr&#39;); return false;" style="cursor: pointer;" title="Turkish" alt="Turkish" />
<area shape="rect" coords="81,19,96,29" href="#" title="Latin" alt="Latin" />
<area shape="rect" coords="101,19,116,29" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=uk&#39;); return false;" style="cursor: pointer;" title="Ukrainian" alt="Ukrainian" />
<area shape="rect" coords="121,19,136,29" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=sk&#39;); return false;" style="cursor: pointer;" title="Slovak" alt="Slovak" />
<area shape="rect" coords="0,37,16,47" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=lt&#39;); return false;" style="cursor: pointer;" title="Lithuanian" alt="Lithuanian" />
<area shape="rect" coords="21,37,36,47" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=lv&#39;); return false;" style="cursor: pointer;" title="Latvian" alt="Latvian" />
<area shape="rect" coords="41,37,56,47" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=id&#39;); return false;" style="cursor: pointer;" title="Indonesian" alt="Indonesian" />
<area shape="rect" coords="61,37,76,47" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=ca&#39;); return false;" style="cursor: pointer;" title="Catalan" alt="Catalan" />
<area shape="rect" coords="81,37,96,47" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=iw&#39;); return false;" style="cursor: pointer;" title="Hebrew" alt="Hebrew" />
<area shape="rect" coords="101,37,116,47" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=hi&#39;); return false;" style="cursor: pointer;" title="Hindi" alt="Hindi" />
<area shape="rect" coords="121,37,136,47" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=is&#39;); return false;" style="cursor: pointer;" title="Icelandic" alt="Icelandic" />
<area shape="rect" coords="0,55,16,65" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=hu&#39;); return false;" style="cursor: pointer;" title="Hungarian" alt="Hungarian" />
<area shape="rect" coords="21,55,36,65" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=fi&#39;); return false;" style="cursor: pointer;" title="Finnish" alt="Finnish" />
<area shape="rect" coords="41,55,56,65" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=en&amp;tl=zh-TW&#39;); return false;" style="cursor: pointer;" title="Chinese Traditional" alt="Chinese Traditional" />
<area shape="rect" coords="61,55,76,65" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=en&amp;tl=zh-CN&#39;); return false;" style="cursor: pointer;" title="Chinese Simplified" alt="Chinese Simplified" />
<area shape="rect" coords="81,55,96,65" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=ko&#39;); return false;" style="cursor: pointer;" title="Korean" alt="Korean" />
<area shape="rect" coords="101,55,116,65" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=ja&#39;); return false;" style="cursor: pointer;" title="Japanese" alt="Japanese" />
<area shape="rect" coords="121,55,136,65" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=pt&#39;); return false;" style="cursor: pointer;" title="Portuguese" alt="Portuguese" />
<area shape="rect" coords="0,73,16,83" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=it&#39;); return false;" style="cursor: pointer;" title="Italian" alt="Italian" />
<area shape="rect" coords="21,73,36,83" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=fr&#39;); return false;" style="cursor: pointer;" title="French" alt="French" />
<area shape="rect" coords="41,73,56,83" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=es&#39;); return false;" style="cursor: pointer;" title="Spanish" alt="Spanish" />
<area shape="rect" coords="61,73,76,83" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=ar&#39;); return false;" style="cursor: pointer;" title="Arabic" alt="Arabic" />
<area shape="rect" coords="81,73,96,83" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=nl&#39;); return false;" style="cursor: pointer;" title="Dutch" alt="Dutch" />
<area shape="rect" coords="101,73,116,83" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=da&#39;); return false;" style="cursor: pointer;" title="Danish" alt="Danish" />
<area shape="rect" coords="121,73,136,83" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=cs&#39;); return false;" style="cursor: pointer;" title="Czech" alt="Czech" />
<area shape="rect" coords="0,91,16,101" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=hr&#39;); return false;" style="cursor: pointer;" title="Croatian" alt="Croatian" />
<area shape="rect" coords="21,91,36,101" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=bg&#39;); return false;" style="cursor: pointer;" title="Bulgarian" alt="Bulgarian" />
<area shape="rect" coords="41,91,56,101" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=pt-BR&#39;); return false;" style="cursor: pointer;" title="Brazilian Portuguese" alt="Brazilian Portuguese" />
<area shape="rect" coords="61,91,76,101" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=no&#39;); return false;" style="cursor: pointer;" title="Norwegian" alt="Norwegian" />
<area shape="rect" coords="81,91,96,101" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=ru&#39;); return false;" style="cursor: pointer;" title="Russian" alt="Russian" />
<area shape="rect" coords="101,91,116,101" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=el&#39;); return false;" style="cursor: pointer;" title="Greek" alt="Greek" />
<area shape="rect" coords="121,91,136,101" onclick="window.open(&#39;http://www.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;sl=auto&amp;tl=de&#39;); return false;" style="cursor: pointer;" title="German" alt="German" />
</map>

Il risultato lo potete osservare su questo blog, questo widget può esservi utile se usate un modello con delle sidebar di piccole dimensioni.

Se invece avete un modello con delle sidebar più grandi (come in questo blog) potete utilizzare un traduttore come il mio con delle bandiere più grandi.

Cliccate su Design > Aggiungi un gadget > html/Javascript e inserite questo codice:

<a href="http://www.google.com/translate?u=http%3A%2F%2Fnomeblog.blogspot.com/%2F&hl=it&ie=UTF8&langpair=it%7Cen&langpair.x=0&langpair.y=3&langpair=it%7Cen" title="English (United States)"> <img src="http://www.flags.net/images/smallflags/UNST0001.GIF"/></a>

<a href="http://www.google.com/translate?u=http%3A%2F%2Fnomeblog.blogspot.com/%2F&hl=it&ie=UTF8&langpair=it%7Cen&langpair.x=0&langpair.y=3&langpair=it%7Cen" title="English (United Kingdom"> <img src="http://www.flags.net/images/smallflags/UNKG0001.GIF"/></a>

<a href="http://www.google.com/translate_c?langpair=it|fr&u=http://nomeblog.blogspot.com/" title="French"> <img src="http://www.flags.net/images/smallflags/FRAN0001.GIF"/></a>

<a href="http://www.google.com/translate_c?langpair=it|es&u=http://nomeblog.blogspot.com/" title="Spanish"> <img src="http://www.flags.net/images/smallflags/SPAN0001.GIF"/></a>

<a href="http://www.google.com/translate_c?langpair=it|de&u=http://nomeblog.blogspot.com/" title="German"> <img src="http://www.flags.net/images/smallflags/GERM0001.GIF"/></a>

A differenza del codice precedente dovrete effettuare delle modifiche, la parte in rosso la dovrete cambiare con il nome del vostro blog.

Questo widget, rispetto al precedente, contiene solo alcune lingue, posizionatelo dove più vi piace e se volete nominatelo(Translate).


3 commenti:

Chris82 ha detto...

Grazie mille, davvero utile!! L'ho inserito sul mio blog http://naturamatematica.blogspot.com/ :)

Andrea Bovino ha detto...

Articolo molto interessante. Lo sfrutterò per il mio blog.

http://vivereaorecchio.blogspot.com/

ha detto...

Grazie l'ho usato per il mio blog, anche se resto sempre allibita dalle traduzioni.... spero i miei visitatori internazionali abbiano voglia di ridere....

Related Posts Plugin for WordPress, Blogger...
Il presente blog non rappresenta una testata giornalistica in quanto viene aggiornato senza nessuna periodicità, pertanto, non può considerarsi un prodotto editoriale ai sensi della legge n. 62 del 7.03.2001.
Le immagini presenti sul blog appartengono ai rispettivi proprietari e verranno rimosse in seguito a specifica richiesta.