25 febbraio 2009

64 commenti Condividi il post Facebook Twitter Google+

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:

Translate Italian to Greek Translate Italian to English Translate Italian to German Translate Italian to French Translate Greek to Italian

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!

Copyright © Iole - Non è consentito ripubblicare, anche solo in parte, i post di questo blog senza l'esplicito consenso dell'autrice.

64 commenti

  1. Grazie mille!! Sei fantastica! Smak!

    RispondiElimina
  2. @vitaIE: se hai altre richieste... sono qui!!!

    RispondiElimina
  3. Un panino alla porchetta per favore!

    RispondiElimina
  4. @vitaIE: con la 'nduja va bene lo stesso?

    RispondiElimina
  5. Complimenti! In tutti gli altri widget simili bisognava inserire sempre l'indirizzo del proprio blog, ma da quello che ho visto questo widget traduce direttamente la pagina in cui si trova!!!

    RispondiElimina
  6. @Den: sì, perché l'indirizzo è location.href

    RispondiElimina
  7. Bello era proprio quello che cercavo! ^-- Domani provo a inserirlo, grazie cara!

    RispondiElimina
  8. @Vampiretta: io ancora devo mettere il pulsante Torna su come sul tuo blog
    @tutti: se vi servono altre bandierine le trovate qui

    RispondiElimina
  9. Ehi ciao, siccome ci sono stati dei problemi con il widget dei lettori,volevo dirti che sei scomparsa dai miei lettori e mi farebbe piacere averti di nuovo. CIAOOO!!!

    RispondiElimina
  10. @Steven: ok mi ri-aggiungo subito. Da me sono scomparsi 5 lettori, chissà se torneranno.

    RispondiElimina
  11. quante belle idee... sai cosa farò un giorno che avrò un po' di tempo? mi metterò lì con calma e inserirò tutte le cose belle che proponi... solo che io con codici e simili son negata...devo avere un paio di giorni a disposizione ^_^

    RispondiElimina
  12. @Federica: se ti serve una mano, contattami pure! ^_^

    RispondiElimina
  13. Iole, la bandiera nel centro comunque è quella belga, non tedesca; la bandiera tedesca ha le strisce orizzontali ;-)
    p.s.: perché non ci aggiungi anche quella spagnola?

    RispondiElimina
  14. @Andrea: hai ragione, sostituirò il prima possibile la bandiera tedesca e aggiungerò anche qualche altra lingua (spagnolo, portoghese, cinese, giapponese)

    RispondiElimina
  15. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  16. @tutti: oltre al link suggerito da Iole, vi informo che qui ci sono delle bandiere stilizzate di diverse dimensioni (come quelle usate nel mio blog) ;-)

    RispondiElimina
  17. Veramente utile, come gli altri articoli :)
    Ho la mia prima lettrice :D grazie!

    RispondiElimina
  18. @Suali: Sono passata sul tuo blog e mi sono iscritta tra i tuoi lettori. Ho visto che hai inserito questo widget... Presto aggiungerò altre bandierine.

    RispondiElimina
  19. Prosciutto .jimdo.com26 marzo 2009 11:19

    Grazie per le preziose info....ma come fai? ti metto tra i favoriti.

    Anche io sono negato ...cos'e l'URL? a cosa serve

    RispondiElimina
  20. @Prosciutto .jimdo.com: l'URL è l'indirizzo di una pagina web! Ad esempio l'url del mio blog è http://iolecal.blogspot.com/

    RispondiElimina
  21. Grazie di cuore. Non riuscivo a capire quale fosse il codice che consente di tradurre la pagina attiva, e non solo la homepage, e l'ho trovato in questo tuo bellissimo blog. Così sono riuscita ad integrare il widget che già avevo con questa caratteristica, per me molto importante. Naturalmente ti ho linkata. Ciao!

    RispondiElimina
  22. @Rita Charbonnier: ti ringrazio per i complimenti e per avermi linkato. Aggiungerò anch'io il tuo link nel mio blog nella sezione "Link preferiti"!

    RispondiElimina
  23. Ciao Iole, grazie per i tuoi preziosi consigli... ovviamente messi in opera immediatamente!! vorrei aggiungere altre lingue ma non riesco a far apparire la bandierina corretta...ho notato che hai indicato dei siti dove prelevare le bandiere, nonostante ciò non riesco a riportarle nel blog, le devo caricare su un mio hosting di immagini e riportare l'indirizzo nella stringa ?? spero di essermi spiegata.... grazie il anticipo per il tuo aiuto!!!

    RispondiElimina
  24. @Paola: per ogni lingua devi prima caricare la bandierina su un servizio di hosting e poi riportare l'indirizzo nella stringa e la sigla della lingua. Cmq appena ne avrò la possibilità aggiungerò altre bandierine.

    RispondiElimina
  25. Grazie per la risposta, era come pensavo!!
    interessante il tuo blog, complimenti!!! ritornerò a visitarlo presto!!
    Ciaooooo

    RispondiElimina
  26. Blog modificato (sembra funzioni, poi lo provo con calma), GRAZIE!! per il suggerimento. Gentilissima e precisa. Ciao.

    RispondiElimina
  27. @ec.log: confermo, ora funziona correttamente!

    RispondiElimina
  28. Ciao a tutti! bellissimo post, solo che non riesco a capire come inserire questo gadget. Quando clicco su "aggiungi gadget" che devo fare poi per inserire ad esempio la bandierina inglese? grazie a tutti e buon weekend!Fedi

    www.verdemelafactory.com

    RispondiElimina
  29. eheheh basta leggere un pò meglio e trovare la voce inserisci html/java :) grazie cmq e ancora complimenti per il blog!

    RispondiElimina
  30. Ciao sono Max.
    Ti ho trovato grazie a Capriccidinatura su wordpress
    Ho usufruito del tuo bellissimo lavoro con le bandierine...
    Grandissima !
    Ti ringrazio e complimenti per il blog.

    RispondiElimina
  31. @Max: grazie per i complimenti!
    Se ti servono altre bandierine le trovi in questo post.

    RispondiElimina
  32. Ottimo Post. L'ho un po' modificato

    RispondiElimina
  33. @Davide: hai fatto un ottimo lavoro nel tuo blog. Grazie per aver aggiunto il link al mio post!

    RispondiElimina
  34. come faccio a posizinare le bandierine orizzontalmente??

    RispondiElimina
  35. @OnAir: cosa intendi per posizinare le bandierine orizzontalmente?

    RispondiElimina
  36. Risolto grazie, se guardi il mio blog puoi vedere! ti volevo chiedere però come creare una homepage come hai fatto tu
    grazie mille!

    RispondiElimina
  37. @OnAir: ti riferisci ai post in forma sintetica? Se sì, leggi questo mio post.

    RispondiElimina
  38. Iole, ho appena aggiunto le bandierine al mio blog! Sono semplicemente BELLISSIME!!!Grazie mille!!!! Ora posso dire di avere un blog multilingue! WOW! ;-)
    Ma questi tutorial sono utilissimi per chi di blog mastica ancora poco!

    Grazie ancora e a presto!
    Alessia

    RispondiElimina
  39. @WHITE DREAMS: se ti servono altre bandierine le trovi qui!

    RispondiElimina
  40. ciao

    io non riesco a inserire questo widget ! Appena clikko su aggiungi widget ---> aggiungi il tuo , mi esce la pagina con : inserisci l'URL di un gadget che desideri aggiungere al tuo blog.
    Ma tu hai fornito un codice e non l'URL. Come faccio ?

    grazie mille ^^

    RispondiElimina
  41. http://arrgianf.blogspot.com/2010/04/internet-widget-per-blogger-bandierine.html ecco fatto ho appena linkato questo tuo post.

    RispondiElimina
  42. @LoveBabyKaulitz: per aggiungere questo widget ti basta copiare e incollare il codice html in un gadget di tipo html/javascript della sidebar.
    @arrgianf: grazie per aver linkato i miei post.

    RispondiElimina
  43. Ciao Iole! sono interessato ad aggiungere questi widget al mio blog ma non so proprio come fare...me lo potresti spiegare dettagliatamente? :D

    RispondiElimina
  44. @Emiliano Scalone: sono stata sul tuo blog e ho visto che hai già inserito il widget completo anche senza il mio aiuto. ^_^

    RispondiElimina
  45. Ho appena seguito il tuo consiglio per tradurre le pagine ed il risultato è stato ottimale.
    Grazie e Complimenti

    Gemma

    RispondiElimina
  46. Scusami ma io non ho capito...
    Sono su Aggiunti un gadget-Aggiungi il tuo... Che link devo mettere?

    RispondiElimina
  47. @Sere no Sekai: devi selezionare un gadget di tipo Html/Javascript e poi incollarci il codice javascript che trovi nel mio post.

    RispondiElimina
  48. Ciao Iole, il tuo blog è davvero molto interessante! Ho provato ad inserire il tuo traduttore nel mio template, ma non funziona. Il mio blog è su splinder, devo cambiare qualcosa? In più vorrei inerire il widget di ricerca all'interno del blog, per fare le ricerche solo all'interno del mio blog, ma non voglio creare un account google, in passato mi ha creato dei problemi. E' possibile in altro modo?
    Grazie!
    Ale

    RispondiElimina
  49. @I sognatori di Cucina e nuvole: per aggiungere il traduttore nel tuo blog, ti consiglio di leggere questo mio post. Alcuni dei miei lettori, che hanno un blog su splinder, hanno inserito il codice nella parte laterale del blog senza problemi. Tu che difficoltà hai avuto?
    Per il motore di ricerca personalizzato, trovi tutte le istruzioni in questo mio post. Se non ricordo male, non occorre avere un account Google.
    Comunque prova a leggere entrambi i post, per qualsiasi dubbio o chiarimento sono qua a disposizione!

    RispondiElimina
  50. Il traduttore funziona perfettamente! Il widget di ricerca invece mi dà sempre quel problema: devo creare un account google che io non volgio creare. Si può ovviare? Grazie della tua pazienza!

    RispondiElimina
  51. @I sognatori di Cucina e nuvole: non ricordavo che per creare il motore di ricerca personalizzato servisse un account google. L'unica cosa che puoi fare è crearne uno che utilizzerai solo per prelevare il codice necessario per il motore di ricerca.

    RispondiElimina
  52. BLOG MULTILINGUE: io ho appena aperto il mio blog su blogspot (risparmiodamamma) e vorrei che il blog fosse come un sito che se si clicca sulla bandierina automaticamente appare la versione totalmente in inglese (ad esempio). Anche perché questo sarebbe utile per portare traffico e fare crescere i visitatori. E' possibile? da quello che ho inteso il tuo widget è uno strumento che il visitatore straniero può cliccare in un secondo momento per tradurre. Sbaglio? Per favore non dirmi di fare un altro blog in un altra lingua... Grazie, Manuela

    RispondiElimina
  53. @risparmiodamamma: il widget che ho realizzato serve per tradurre il blog dall'Italiano in altre lingue semplicemente cliccando sulle bandierine.
    Trovi un widget completo di ben 23 bandierine in questo mio post.

    RispondiElimina
  54. Ti ringrazio! Era una vita che cercavo un modo per tradurre il mio blog! Sono riuscita a inserire il widget e sono soddisfatta :D

    RispondiElimina
  55. invece per wordpress come si fa? grazie in anticipo!!

    RispondiElimina
  56. @ElyfashionBijoux: trovi le istruzioni per inserire il traduttore in Wordpress in questo mio post.

    RispondiElimina
  57. @Maurizio Ragusa: nel mio blog trovi anche altre bandierine per la traduzione in questo mio post!

    RispondiElimina
  58. Ciao, io ho un blog/sito Wordpress per la mia attività, ma non riesco più ad inserire i widgets per la traduzione. Credo vada in conflitto con Google Translate. Puoi essermi di aiuto? Grazie mille!

    RispondiElimina

Licenza Creative Commons This blog by Iole is licensed under a Attribution-NonCommercial-NoDerivs 3.0 Unported License.
Copyright © 2008- iolecal.blogspot.it|Design by Iole|Privacy Policy