In this short article we will learn how to created an custom google translate tools. Google translate tools is free translate service provided by google. This tools really help people to translate some website/page to any language people want.

Google translate tools standards is not really interesting in style *lol* So why we don’t created a simple good looking translate tools our own, but of course we have to credited google as this service provider? Alright let’s created it, I want everyone be creative as possible.

First we have to know how translate tools format working. Example:

http://translate.google.com/translate?hl=en&sl=en&tl=pl&u=http%3A%2F%2Fwww.istanto.net

This is standard format when google translate try to translating my blog from English to Polish. There is some rules we can manipulate it. Example, I try change tl=pl with tl=id:

http://translate.google.com/translate?hl=en&sl=en&tl=id&u=http%3A%2F%2Fwww.istanto.net

The result is I got id translation page (Indonesian). When I try change sl=en to sl=id I got result:

http://translate.google.com/translate?hl=en&sl=id&tl=id&u=http%3A%2F%2Fwww.istanto.net

So the answer is we can manipulate this format if we know country code! That it! Standard format would be like this:

http://translate.google.com/translate?hl=en&sl=[YOUR PAGE ORIGINAL LANGUAGE]&tl=[LANGUAGE YOU WANT TRANSLATED TO]&u=[PAGE SOURCE]

HL = Hidden Language? *lol* I Don’t know! This properties maybe the language setting on each computers or from where google page country we coming from.

SL = Source Language

TL = Translated Language

U = User

Okay we already know and understand this format, our next goal is created a custom html code to follow this format. This is a simple code I created, if you can please use CSS to make this code clean.

<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}

.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}

</style>
<div style=”text-align:center”>

<a class=”translate” href=”#” target=”_blank” rel=”nofollow” title=”English” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=en%7Cen&hl=en’); return false;”><img alt=”English” border=”0″ align=”absbottom” title=”English” height=”24″ src=”http://www.istanto.net/flag/uk-flag.png” style=”cursor: pointer;margin-right:8px” width=”24″/></a>

<a class=”translate” href=”#” target=”_blank” rel=”nofollow” title=”French” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=en%7Cfr&hl=en’); return false;”><img alt=”French” border=”0″ align=”absbottom” title=”French” height=”24″ src=”http://www.istanto.net/flag/france-flag.png” style=”cursor: pointer;margin-right:8px” width=”24″/></a>

<a class=”translate” href=”#” target=”_blank” rel=”nofollow” title=”German” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=en%7Cde&hl=en’); return false;”><img alt=”German” border=”0″ align=”absbottom” title=”German” height=”24″ src=”http://www.istanto.net/flag/german-flag.png” style=”cursor: pointer;margin-right:8px” width=”24″/></a>

<a class=”translate” href=”#” target=”_blank” rel=”nofollow” title=”Spain” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=en%7Ces&hl=en’); return false;”><img alt=”Spain” border=”0″ align=”absbottom” title=”Spain” height=”24″ src=”http://www.istanto.net/flag/spain-flag.png” style=”cursor: pointer;margin-right:8px” width=”24″/></a>

<a class=”translate” href=”#” target=”_blank” rel=”nofollow” title=”Italian” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=en%7Cit&hl=en’); return false;”><img alt=”Italian” border=”0″ align=”absbottom” title=”Italian” height=”24″ src=”http://www.istanto.net/flag/italy-flag.png” style=”cursor: pointer;margin-right:8px” width=”24″/></a>

<a class=”translate” href=”#” target=”_blank” rel=”nofollow” title=”Dutch” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=en%7Cnl&hl=en’); return false;”><img alt=”Dutch” border=”0″ align=”absbottom” title=”Dutch” height=”24″ src=”http://www.istanto.net/flag/dutch-flag.png” style=”cursor: pointer;margin-right:8px” width=”24″/></a>

<br/><br/>

<a class=”translate” href=”#” target=”_blank” rel=”nofollow” title=”Russian” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=en%7Cru&hl=en’); return false;”><img alt=”Russian” border=”0″ align=”absbottom” title=”Russian” height=”24″ src=”http://www.istanto.net/flag/russian-flag.png” style=”cursor: pointer;margin-right:8px” width=”24″/></a>

<a class=”translate” href=”#” target=”_blank” rel=”nofollow” title=”Brazil” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=en%7Cpt&hl=en’); return false;”><img alt=”Brazil” border=”0″ align=”absbottom” title=”Brazilian” height=”24″ src=”http://www.istanto.net/flag/brazil-flag.png” style=”cursor: pointer;margin-right:8px” width=”24″/></a>

<a class=”translate” href=”#” target=”_blank” rel=”nofollow” title=”Japanese” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=en%7Cja&hl=en’); return false;”><img alt=”Japanese” border=”0″ align=”absbottom” title=”Japanese” height=”24″ src=”http://www.istanto.net/flag/japan-flag.png” style=”cursor: pointer;margin-right:8px” width=”24″/></a>

<a class=”translate” href=”#” target=”_blank” rel=”nofollow” title=”Korean” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=en%7Cko&hl=en’); return false;”><img alt=”Korean” border=”0″ align=”absbottom” title=”Korean” height=”24″ src=”http://www.istanto.net/flag/korean-flag.png” style=”cursor: pointer;margin-right:8px” width=”24″/></a>

<a class=”translate” href=”#” target=”_blank” rel=”nofollow” title=”Arabic” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=en%7Car&hl=en’); return false;”><img alt=”Arabic” border=”0″ align=”absbottom” title=”Arabic” height=”24″ src=”http://www.istanto.net/flag/arab-flag.png” style=”cursor: pointer;margin-right:8px” width=”24″/></a>

<a class=”translate” href=”#” target=”_blank” rel=”nofollow” title=”Chinese Simplified” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=en%7Czh-CN&hl=en’); return false;”><img alt=”Chinese Simplified” border=”0″ align=”absbottom” title=”Chinese Simplified” height=”24″ src=”http://www.istanto.net/flag/china-flag.png” style=”cursor: pointer;margin-right:8px” width=”24″/></a>

<div style=”font-size:10px; padding:8px 0px 0px 0px”><a href=”http://www.istanto.net/how-to-creating-custom-google-translate-tools.html” target=”_blank”>Custom Google Translate Tools</a> – <a href=”http://www.google.com” target=”_blank”>Provided by google</a>

</div></div>

The result will be like this:

That’s looks beauty right? You can add more translated language if you want. All you need to do is preparing the country flag pictures and edited the code. I wan’t someone created wordpress plugins for this custom translate, you’re free to use code in here.

That’s the lesson for today, have a nice day.

SIMILAR POST :

• PHP: How To Created Youtube Related Video
• Make Money With Google Custom Search
• Monetize your video site with InVideo
• PHP: Class For Mobile Device Detection

Incoming search terms:

• google translait
• googltranslet
• googletransleit
• custom google translate
• google transeleit
• googletransleite
• [3qp][mp4][view][more]
• google translate customize
• customize google translate
• googeltras
• teransleit
• Googal traslet
• googli transleiten
• googlr tranleit
• transeleit
• customize google translator
• googal trans let
• googletransleit is
• googel transleit
• googal translet
• Transleit gogle
• google translate custom
• creation blog
• google transleited
• google transleit
• google translate tool
• transeleit ge
• google transleiten
• google teransleit
• googelteransleit
• Google traslet
• googel teranslater
• google custom translate
• google translate website custom
• google_translate_element custom
• google trans le it is
• google trans leit
• google-translate-customization
• how customise googletranslateelementinit
• google translate element width
• google translate css customization select
• Orgsm trick 3gp
• gogle translait
• css margin 0px for google translate element
• traseleter
• gogle traslet
• transleit ru
• customize google_translate_element
• customize google translator style
• translait googal
• how to make orgasm noises on google translate
• goggletransleit
• code google translate flags php
• terancleit google
• gogletransleit
• googletransleit/
• tranleit
• how can a girl get a flat stomach in arabic translited
• transleit
• translateelement width
• how to customize google translate
• google_translate_element width
• how to customize google_translate_element
• gugal trans leit
• googltranslet italia
• Wet orgasm Hidden camera no filter
• traslator google
• google_translate_element as flag
• traseleter download
• trucks launch whit video transleited
• use google translate in onclick link
• translite orgasm
• transleiten
• google traduction film x
• translate widget custom
• how to customize translation language right click
• teransleit googel
• modify goog-te-gadget-link
• my transleit
• teranslater googel
• n97 plugin translate google free
• style google translate css
• terancleit
• style google translate widget
• orgasm in google translator
• orgasm sounds google language translator
• mini flags png translate
• teranslte
• the customization id for translate google
• how to make google translate have an orgasm
• translate to geogle
• how to make google translate have an orgsm
• how to make google translate orgasm
• traselet indonesia english
• TRANLEIT ITALIAN
• how to make orgasam noices on google translate
• how to set width for google translate translateelement
• customize google traductor api
• language translation google api by county flag
• style google translate
• add google flag translate to website
• customize google translate widget goog-te-
• customize google translate widget style
• customize google translator widget
• customized google translate
• customizing google translate mini-flags widget
• french to english mini flags translation google
• geogle translate
• gogeltransleiter
• gogle tranleit
• gogle transelejt
• gogle translant
• #google_translate_element select
• gole trasleshe
• customize google translate widget
• customize google translate element
• customization id google translate
• arabia font traselet
• change select language to translate customize goog-te-gadget-simple
• code google translate a href
• code html google translator with flag ball
• custom google translate element
• custom google translate on blogger
• custom google translate widget
• custom google translator
• custom link google translate webmaster
• custom style css to google translator api
• custom style google translate
• customaizing google translate
• customise google translate
• goog-te-gadget-link
• goog-te-gadget-link save translation
• google translate flags for indonesia
• google translate for websites custom
• Google translate html code
• google translate mini flag customizer
• google translate orgasm
• google translate personalize
• google translate tool select css
• google translate tools css
• Google translate tools risk analysis
• google translate translateelement width
• google translate web element custom
• google translator customization
• google transleiting
• google translate element style
• google translate element onhover original text option
• google translate customise
• goog-te-gadget-simple
• googal tranclshion
• googel translait
• GOOGEL TRANSLIT
• googeltranslat
• googie translet
• google traduction customiser
• google tran leit
• google tranleit
• google tranleit in spain
• google translar
• google translate
• google translate customisation id
• google traseleter

If you're new here, you may want to subscribe to my RSS feed. You may copy or publish this article to your blog or other site as long you give credit link back to this site article. Thanks for visiting my blog!

This entry was posted on Friday, July 2nd, 2010 at 8:43 PM and is filed under Computer And Internet, Miscellaneous, Personal, Tips & Trick. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.