Google Translate Widget per Wordpress

Poco più di un mese fa ho pubblicato il post Bandierine per Google Translate Widget con il codice html/javascript per tradurre il blog in 23 lingue diverse.

Il widget è ormai presente su diversi blog su piattaforma Blogger e Splinder (ringrazio tutti quelli che non hanno rimosso i credits).

La mia amica Capricci di Natura aveva provato ad inserirlo nel suo blog (su piattaforma Wordpress) ma non traduceva un bel niente... purtroppo Wordpress non permette l'utilizzo di codice javascript.

Nel mio blog così come in tutti quelli in cui è presente il widget, basta cliccare sulla bandierina della lingua in cui si vuole tradurre la pagina e, grazie al codice javascript location.href, si ottiene la traduzione della pagina in cui ci troviamo, che sia l'homepage o un post qualunque non importa...

Il codice html che vi propongo invece traduce la pagina il cui indirizzo deve essere specificato...
Infatti come già fanno da Capricci di Natura, Jenga e The Five Demands occorre inserire il codice html alla fine di ogni post e specificare l'indirizzo del post che volete tradurre.
Wordpress, rispetto a Blogger, consente di conoscere prima della pubblicazione l'indirizzo del post (ed eventualmente modificarlo):



quindi basta copiare il link del post e sostituirlo alla stringa LINK_POST che trovate nel codice html di ciascuna bandierina che vi riporto di seguito.

Il codice html va incollato in HTML e non in Visuale

E questo è il consiglio che ho dato a Capricci di Natura:

1. salva il codice html delle bandierine che ti interessano in un file di testo
2. prima di pubblicare il post, copia il suo indirizzo
3. utilizzando blocco note o qualsiasi altro editor trova la stringa LINK_POST e la sostituisci con l'indirizzo del post
4. copia il codice html modificato e lo incolli alla fine del post
5. chiudi il file senza salvare le modifiche così la prossima volta potrai fare le operazioni dal punto 1.

Le prime volte può sembrare un po' laborioso...

Ecco il codice per ogni bandierina:

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Csq&hl=it&ie=UTF8" title="Translate Italian to Albanian"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/albanian.jpg" title="Translate Italian to Albanian" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Car&hl=it&ie=UTF8" title="Translate Italian to Arabic"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Arabic.jpg" title="Translate Italian to Arabic" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Cbg&hl=it&ie=UTF8" title="Translate Italian to Bulgarian"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Bulgarian.jpg" title="Translate Italian to Bulgarian" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Czh-CN&hl=it&ie=UTF8" title="Translate Italian to Chinese"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Chinese.jpg" title="Translate Italian to Chinese" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Chr&hl=it&ie=UTF8" title="Translate Italian to Croatian"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Croatian.jpg" title="Translate Italian to Croatian" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Ccs&hl=it&ie=UTF8" title="Translate Italian to Czech"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Czech.jpg" title="Translate Italian to Czech" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Cda&hl=it&ie=UTF8" title="Translate Italian to Danish"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Danish.jpg" title="Translate Italian to Danish" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Cnl&hl=it&ie=UTF8" title="Translate Italian to Dutch"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Dutch.jpg" title="Translate Italian to Dutch" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Cen&hl=it&ie=UTF8" title="Translate Italian to English"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/English.jpg" title="Translate Italian to English" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Cfr&hl=it&ie=UTF8" title="Translate Italian to French"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/French.jpg" title="Translate Italian to French" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Cde&hl=it&ie=UTF8" title="Translate Italian to German"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/German.jpg" title="Translate Italian to German" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Cel&hl=it&ie=UTF8" title="Translate Italian to Greek"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Greek.jpg" title="Translate Italian to Greek" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Chi&hl=it&ie=UTF8" title="Translate Italian to Hindi"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Hindi.jpg" title="Translate Italian to Hindi" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Cja&hl=it&ie=UTF8" title="Translate Italian to Japanese"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Japanese.jpg" title="Translate Italian to Japanese" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Cko&hl=it&ie=UTF8" title="Translate Italian to Korean"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Korean.jpg" title="Translate Italian to Korean" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Cno&hl=it&ie=UTF8" title="Translate Italian to Norwegian"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Norwegian.jpg" title="Translate to Norwegian" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Cpl&hl=it&ie=UTF8" title="Translate Italian to Polish"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Polish.jpg" title="Translate Italian to Polish" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Cpt&hl=it&ie=UTF8" title="Translate Italian to Portuguese"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Portuguese.jpg" title="Translate Italian to Portuguese" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Cro&hl=it&ie=UTF8" title="Translate Italian to Romanian"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Romanian.jpg" title="Translate Italian to Romanian" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Cru&hl=it&ie=UTF8" title="Translate Italian to Russian"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Russian.jpg" title="Translate Italian to Russian" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Csl&hl=it&ie=UTF8" title="Translate Italian to Slovenian"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Slovenian.jpg" title="Translate Italian to Slovenian" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Ces&hl=it&ie=UTF8" title="Translate Italian to Spanish"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Spanish.jpg" title="Translate Italian to Spanish" /></a>

<a target="_blank" href="http://www.google.com/translate_p?u=LINK_POST&langpair=it%7Csv&hl=it&ie=UTF8" title="Translate Italian to Swedish"><img style="cursor:pointer;" alt="" src="http://digilander.libero.it/iolecalblogspot/flags/Swedish.jpg" title="Translate Italian to Swedish" /></a>

Resto a disposizione per qualsiasi dubbio, chiarimento...
o personalizzazione del codice!

Newsletter by follow.it

Bandierine per Google Translate Widget

Qualche mese fa ho pubblicato il post Come inserire Google Translate Widget nel blog, che consentiva di tradurre il proprio blog in sole quattro lingue: Greco, Inglese, Francese e Tedesco.

Vi avevo promesso che (prima o poi) averi pubblicato il codice html per tradurre il blog in altre lingue.

Ed ecco che finalmente sono riuscita a mantenere la promessa fatta!!!
Di seguito trovate il codice html da utilizzare per tradurre il blog in ben 23 lingue diverse.

Newsletter by follow.it

Come inserire Google Translate Widget nel blog

Scrivo questo post per la mia amica VitaIE che più volte mi ha chiesto se fosse possibile inserire nel blog qualche widget che consentisse di tradurre il blog. Il suo infatti è multilingua!

Ed eccomi qui a scrivere questo post con le semplici operazioni da fare per ottenere questo widget:

Come prima cosa bisogna accedere al proprio account Blogger, andare in Layout, cliccare su Aggiungi un gadget nella sidebar e inserire per ciascuna bandierina il seguente codice javascript:

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=it%7Cel&hl=it&ie=UTF8'); return false;" title="Translate Italian to Greek"><img border="0" alt="Translate Italian to Greek" src="http://www.iolecal.it/blog/posts/post065/greece.png" title="Translate Italian to Greek"/></a>

dove la sigla in rosso (it) indica la lingua della pagina mentre quella in blu (el) rappresenta la lingua in cui tradurre la pagina. La stringa in verde (Translate Italian to Greek) è semplicemente una descrizione.

Ed ecco le sigle di alcune delle lingue disponibili:
Arabic = ar; Bulgarian = bg; Croatian = hr; Czech = cs; Danish = da;
Dutch = nl; Finnish = fi; French = fr; German = de; Greek = el;
Italian = it; Norwegian = no; Polish = pl; Portuguese = pt;
Romanian = ro; Russian = ru; Spanish = es; Swedish = sv

Se volete aggiungere nel vostro blog questo widget basta copiare il seguente codice javascript:

Javascript Code

• <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=it%7Cel&hl=it&ie=UTF8'); return false;" title="Translate Italian to Greek"><img border="0" alt="Translate Italian to Greek" src="http://www.iolecal.it/blog/posts/post065/greece.png" title="Translate Italian to Greek"/></a>
• <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=it%7Cen&hl=it&ie=UTF8'); return false;" title="Translate Italian to English"><img border="0" alt="Translate Italian to English" src="http://www.iolecal.it/blog/posts/post065/england.png" title="Translate Italian to English"/></a>
• <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=it%7Cde&hl=it&ie=UTF8'); return false;" title="Translate Italian to German"><img border="0" alt="Translate Italian to German" src="http://www.iolecal.it/blog/posts/post065/germany.png" title="Translate Italian to German"/></a>
• <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=it%7Cfr&hl=it&ie=UTF8'); return false;" title="Translate Italian to French"><img border="0" alt="Translate Italian to French" src="http://www.iolecal.it/blog/posts/post065/france.png" title="Translate Italian to French"/></a>
• <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=el%7Cit&hl=el&ie=UTF8'); return false;" title="Translate Greek to Italian"><img border="0" alt="Translate Greek to Italian" src="http://www.iolecal.it/blog/posts/post065/italy.png" title="Translate Greek to Italian"/></a>

Ovviamente potete aggiungere tutte le lingue che volete, io ho messo solo il greco, l'inglese, il francese e il tedesco e in più la traduzione dal greco all'italiano.

Altre bandierine sono disponibili in questo post

Come vedete il widget può anche essere inserito in un singolo post!

Articoli che potrebbero interessarvi:
Come inserire Google Talk chatbox nel blog
Come inserire il motore di ricerca di Google nel blog

Newsletter by follow.it