Vediamo come realizzare un traduttore personalizzato per il nostro sito internet o blog.
La tecnica che utilizzero’ per la creazione del traduttore è la seguente:
Collocare le immagini (in formato icona) delle varie lingue in cui voglio che venga tradotto il sito o blog e ad ogni bandiera associare il link del traduttore di google nella lingua corrispondente.
Cosa ci occorre:
- Per inserire un link in un’immagine utilizzando il linguaggio HTML dobbiamo utilizzare i tag <img> ed <a>, una guida completa su tutta la procedura e il relativo codice è disponibile qui: http://programmifree.myblog.it/archive/2010/07/31/html-come-inserire-un-link-in-un-immagine.html
- le varie foto in formato icona delle bandiere dei vari paesi (le icone sono state reperite gratuitamente su http://www.iconboom.it/)
- i vari link del traduttore di google delle varie lingue in cui vogliamo la traduzione.
Procediamo nella scittura del codice HTML:
<center>
<a target=”_blank” href=”http://google.com/translate_c?hl=it&sl=it&tl=en&u=http://programmifree.myblog.it/”>
<img src=”http://programmifree.myblog.it/images/flag/000141.gif”/></a>
<a target=”_blank” href=”http://google.com/translate_c?hl=it&sl=it&tl=fr&u=http://programmifree.myblog.it/”>
<img src=”http://programmifree.myblog.it/images/flag/000265.gif”/></a>
<a target=”_blank” href=”http://google.com/translate_c?hl=it&sl=it&tl=es&u=http://programmifree.myblog.it/”>
<img src=”http://programmifree.myblog.it/images/flag/000356.gif”/></a>
<a target=”_blank” href=”http://google.com/translate_c?hl=it&sl=it&tl=de&u=http://programmifree.myblog.it/”>
<img src=”http://programmifree.myblog.it/images/flag/000353.gif”/></a>
<a target=”_blank” href=”http://google.com/translate_c?hl=it&sl=it&tl=pt&u=http://programmifree.myblog.it/”>
<img src=”http://programmifree.myblog.it/images/flag/000459.gif”/></a>
</center>
Come personalizzare il traduttore:
Per far si che venga effettuata la traduzione della pagina web che vogliamo dobbiamo sostituire in ogni riga di codice all’
indirizzo http://programmifree.myblog.it l’indirizzo della pagina web che desideriamo (evidenziate nella foto sotto).
Il traduttore generato da questo codice HTML è presente e funzionante in questo blog (vedi figura successiva).