HTML: Come creare un traduttore per il nostro sito o blog

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:

  • 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).

tradu-2.png

 

Il traduttore generato da questo codice HTML è presente e funzionante in questo blog (vedi figura successiva).

trad.jpg

 

HTML: Come creare un traduttore per il nostro sito o blogultima modifica: 2010-08-17T21:16:00+02:00da emiliano75rm
Reposta per primo quest’articolo

7 pensieri su “HTML: Come creare un traduttore per il nostro sito o blog”

Lascia un commento