Forum Display Enhancements - UKBL ~ Easy Google Translator

UKBL ~ Easy Google Translator

Hi Everyone,

Made this for a friends forum and thought i'd share it here

Just a Simple Google translator which you can add to your forums, displays in a small Dropdown box in the Forum Home and posibit wrapper.



Then you can add the dropdown box in the postbit wrapper so that the option to translate is available with every post



Just click on a language and within seconds your posts is converted to a language of your choice



Your Members will be able to chose from the following,

Arabic
Chinese Simplified
Chinese Traditional
Dutch
French
German
Greek
Italian
Japanese
Korean
Russian
Spanish
Portuguese

There are loads more available, if you want any lanuage in particular, just post here and i'll add it on

Nice, So how do we add it???

1. Download the zip file with the code and instructions

2. Styles & Templates > All Style Options > Edit Template > Forum home template: FORUMHOME

Find:

$navbar

Below add:

<!-- UKBL ~ Easy Translation on forumhome -->

<DIV ALIGN=RIGHT>
<td nowrap style="border-left: 1px solid #dddddd;" align="center"> <select name="translate" style="height:20px; font-size:11px;" onchange="javascript:window.location = 'http://www.google.com/translate_c?hl=en&langpair=en%7C' + this.value + '&u=' + window.location.href;">
<option value="">Translate This Page</option>
<option value="ar">Arabic</option>
<option value="zh-CN">Chinese Simplified</option>
<option value="zh-TW">Chinese Traditional</option>
<option value="nl">Dutch</option>
<option value="fr">French</option>
<option value="de">German</option>
<option value="el">Greek</option>
<option value="it">Italian</option>
<option value="ja">Japanese</option>
<option value="ko">Korean</option>
<option value="pt">Portuguese</option>
<option value="ru">Russian</option>
<option value="es">Spanish</option> 
</select>
</DIV>

<!-- UKBL ~ Easy Translation on forumhome -->

Styles & Templates > All Style Options > Edit Template > Postbit Templates > postbit_wrapper

find

<!-- post #$post[postid] -->

Then below add

<!-- UKBL ~ Easy Translation on postbit_wrapper -->

<DIV ALIGN=CENTER>
<td nowrap style="border-left: 1px solid #dddddd;" align="center"> <select name="translate" style="height:20px; font-size:11px;" onchange="javascript:window.location = 'http://www.google.com/translate_c?hl=en&langpair=en%7C' + this.value + '&u=' + window.location.href;">
<option value="">Translate This Page</option>
<option value="ar">Arabic</option>
<option value="zh-CN">Chinese Simplified</option>
<option value="zh-TW">Chinese Traditional</option>
<option value="nl">Dutch</option>
<option value="fr">French</option>
<option value="de">German</option>
<option value="el">Greek</option>
<option value="it">Italian</option>
<option value="ja">Japanese</option>
<option value="ko">Korean</option>
<option value="pt">Portuguese</option>
<option value="ru">Russian</option>
<option value="es">Spanish</option> 
</select>
</DIV>

<!-- UKBL ~ Easy Translation on postbit_wrapper -->

Thats it, So easy and a great treat for your members

As always Please Click installed if you use this

************************** UPDATED LANGUAGE PACK *********************

Here is an updated language pack, just replace your existing ones with the ones below

<option value="ar">Arabic</option>
<option value="bg">Bulgarian</option>
<option value="zh-CN">Chinese Simplified</option>
<option value="zh-TW">Chinese Traditional</option>
<option value="hr">Croatian</option>
<option value="cs">Czech</option>
<option value="da">Danish </option>
<option value="nl">Dutch</option>
<option value="en">English</option>
<option value="fi">Finnish</option>
<option value="ph">Filipino</option>
<option value="fr">French</option>
<option value="de">German</option>
<option value="il">Hebrew</option>
<option value="el">Greek</option>
<option value="it">Italian</option>
<option value="id">Indonesian</option>
<option value="lv">Latvian</option>
<option value="lt">Lithuanian</option>
<option value="hi">Hindi</option>
<option value="ja">Japanese</option>
<option value="ko">Korean</option>
<option value="no">Norwegian</option>
<option value="pl">Polish</option>
<option value="pt">Portuguese</option>
<option value="ro">Romanian</option>
<option value="ru">Russian</option>
<option value="es">Spanish</option> 
<option value="sv">Swedish</option> 
<option value="rs">Serbian</option> 
<option value="sk">Slovak</option> 
<option value="si">Slovenian</option> 
<option value="ua">Ukrainian</option> 
<option value="vn">Vietnamese</option>

Feel Free to add or delete any you don't want, I'll add more as i get them

Please Click Installed for unlimited support

[MAK-upl]

aircool52 it won't work because you've pasted wrong language shortcuts in the link.
In UK's code there is a link given, right after <DIV ALIGN=RIGHT>:

<td nowrap style="border-left: 1px solid #dddddd;" align="center"> <select name="translate" style="height:20px; font-size:11px;" onchange="javascript:window.location = 'http://www.google.com/translate_c?hl=en&langpair=en%7C' + this.value + '&u=' + window.location.href;">

The only thing you need to do is to set up proper shortcuts of your language.
For spanish language it will be es.

Here is an example for you:

<DIV ALIGN=RIGHT>
<td nowrap style="border-left: 1px solid #dddddd;" align="center"> <select name="translate" style="height:20px; font-size:11px;" onchange="javascript:window.location = 'http://www.google.com/translate_c?hl=es&langpair=es%7C' + this.value + '&u=' + window.location.href;">

[KrU$ty]

i was hoping you could tell me how i could add this translation mod to the end of the menu mod you released the other day?

My forum has tabs in it, and so adding it under the navbar looks pretty messy.

[UKBusinessLive]

Originally Posted by KrU$ty

i was hoping you could tell me how i could add this translation mod to the end of the menu mod you released the other day?

My forum has tabs in it, and so adding it under the navbar looks pretty messy.

Experiment Add it to the Footer, or the Top of the forumhome template, Try it and see is the best bet, Remember to back up your template files first

[KrU$ty]

Originally Posted by UKBusinessLive

Experiment Add it to the Footer, or the Top of the forumhome template, Try it and see is the best bet, Remember to back up your template files first

I did experiment, and couldn't get it to work in the drop down menu mod, that's why i'm asking you about it in this thread.

[UKBusinessLive]

Originally Posted by KrU$ty

I did experiment, and couldn't get it to work in the drop down menu mod, that's why i'm asking you about it in this thread.

Oh i see what you mean, In that case select a language that you want to make a tab for, say german, you'll see an url like this as the page translates

http://translate.google.com/translate?hl=en&langpair=en%7Cde&u=http://www.ukbusinesslive.co.uk/forum/index.php

You just use this in the Url part of the menu tabs and with a discription of Translate to German in the tab, But i can't see you adding 30+ tabs for all the different languges

[aircool52]

My vb is in Spanish , but some of the participant came from UK and like to read it in English , so when I choose language translator gave me this error:
Google
Error

Translation from English into English is not supported.
Please choose from the following:

Go back to the previous page"
Back to Translate
See original page

[UKBusinessLive]

Originally Posted by aircool52

My vb is in Spanish , but some of the participant came from UK and like to read it in English , so when I choose language translator gave me this error:
Google
Error

Translation from English into English is not supported.
Please choose from the following:

Go back to the previous page"
Back to Translate
See original page

Hola Amigo

Thats because your using the default english setup, what you need to do is find this line in the begining of the code

<td nowrap style="border-left: 1px solid #dddddd;" align="center"> <select name="translate" style="height:20px; font-size:11px;" onchange="javascript:window.location = 'http://www.google.com/translate_c?hl=en&langpair=en%7C' + this.value + '&u=' + window.location.href;">

and in the google url chnage the following In red to es

google. com/translate_c?hl=en&langpair=en%7C' + this.value + '&u=' + window.location.href

so it looks like this..

google .com/translate_c?hl=en&langpair=es%7C' + this.value + '&u=' + window.location.href

and save, thats it, what your doing is telling google that your main lauguage is spanish, and now you'll be able to translate your spanish site into english

[aircool52]

ho??? thanks man it works find now.

[compact123]

Can you add language turkish ?

thank for your hard waork sir..

[UKBusinessLive]

Originally Posted by compact123

Can you add language turkish ?

thank for your hard waork sir..

Hello Sir, unforunately Turkish is not available at the moment from Google, The full list of languages are here http://www.google.com/intl/en/help/f...html#langpairs.

keep checking regularly as they do add everynow and again