How To: Creating Custom Google Translate Tools

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:

https://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:

https://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:

https://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:

[to_plus]

https://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(‘https://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=”https://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(‘https://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=”https://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(‘https://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=”https://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(‘https://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=”https://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(‘https://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=”https://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(‘https://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=”https://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(‘https://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=”https://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(‘https://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=”https://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(‘https://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=”https://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(‘https://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=”https://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(‘https://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=”https://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(‘https://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=”https://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=”https://www.istanto.net/how-to-creating-custom-google-translate-tools.html” target=”_blank”>Custom Google Translate Tools</a> – <a href=”https://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 Posts:

RELATED SEARCH TERMS:

31 thoughts on “How To: Creating Custom Google Translate Tools”

  1. This is really useful, I have been looking for ways to make custom translations using google and this has made things much clearer. Thanks for sharing

  2. The code is great and working. However, the only problem with this is that when you translate the whole page then if you want to translate into another language using the translated page, there’s an error occurring that contains something like “invalid URL” and page cannot be translated. Maybe this is because of the alteration of URL in the page once it is translated. I really love your script, so please include a solution to this problem. Thanks

  3. If I’m not wrong this error because google translate server can’t read the source page (translated page). It just like you want the result=1 but your source=0 which every math calculation will giving you result=0, Since translation using dynamic script I thinks there is no solution today, But I promised I will learn it and telling you the solution once I got it.

  4. It’s a pity you don’t have a donate button! I’d without a doubt donate to this superb blog! I suppose for now i’ll settle for bookmarking and adding your RSS feed to my Google account. I look forward to brand new updates and will talk about this website with my Facebook group. Chat soon!

  5. Deangelo Winterstein

    Appreciate your this certain it’s genuinely beneficial, unfortunately, We’ve previously placed a style are living generating modifications to it at the moment

  6. You ought to take part in a contest for one of the highest quality websites on the internet. I most certainly will highly recommend this website!

  7. I take pleasure in, cause I found just what I used to be taking a look for. You have ended my four day lengthy hunt! God Bless you man. Have a nice day. Bye

  8. Merely stating thanks doesn’t only often be all you will need, with this amazing clarity in your creating.

  9. I know this web site offers quality based articles and additional information, is there any other web site which presents these kinds of stuff in quality?

  10. At the other end of the scale, when subjected to lower
    temperatures, the oil does not become cloudy, which indicates that any naturally
    occurring waxes and gums have been carefully filtered out.
    Through chemical analysis, crude oil is first generated from the
    kerogen and heated to a particular temperature to get a distilled shale
    oil product which is similar to conventional petroleum oil
    but not exactly so when compared at the molecular level.
    From the past three years, the oil and natural gas companies
    kicked off exploring shale gas in Quebec in a different
    method called Utica shale and till now nearly 28 oil wells are
    dug in the Quebec and nearly 15 of these well
    is fitted with hydraulic fracturing.

  11. I have learn a few just right stuff here. Certainly worth bookmarking for revisiting. I surprise how a lot attempt you set to create this sort of magnificent informative site.

  12. sitebildz senuke xcr

    Just wish to say your article is as astounding. The clearness in your
    post is simply excellent and i can assume you are an expert on this subject.
    Well with your permission allow me to grab your RSS feed to keep updated with forthcoming post.
    Thanks a million and please keep up the enjoyable work.

  13. Diamond Engagement

    Hi there to all, how is everything, I think every one is getting more
    from this web page, and your views are fastidious in favor
    of new people.

  14. Wir erstellen professionelles Webdesign

    Appears browsing on on-line more than 3 hours recently, yet I personally by no means found any appealing article for instance your own house. It is gorgeous truly worth adequate to me. For me personally, if many site owners and also blog owners manufactured ideal content since you would, the world wide web might be considerably more practical than previously.

  15. Hello there I am so delighted I found your blog page, I really found you by accident, while
    I was looking on Aol for something else, Regardless I am here now and would
    just like to say many thanks for a marvelous post and a all round exciting
    blog (I also love the theme/design), I don’t have time to go through it all at the moment but I have bookmarked it and also included your RSS feeds, so when I have time I will be back to read more, Please do keep up the great job.

  16. Hey there! I’ve been reading your website for a while now and
    finally got the bravery to go ahead and give you a shout out from Lubbock Texas!

    Just wanted to tell you keep up the fantastic work!

  17. Recover Twitter Password Tutorial

    I enjoy what you guys are up too. This type of clever work and reporting!
    Keep up the superb works guys I’ve added you guys to our blogroll.

  18. พระเครื่อง

    May I simply say what a comfort to discover somebody who really understands what
    they’re discussing on the internet. You actually understand how to bring an issue to light and make it
    important. More and more people should check this out
    and understand this side of your story. I was surprised that you’re not more popular because you surely
    possess the gift.

  19. Hurrah! In the end I got a website from where I know how to truly obtain valuable data regarding my study and knowledge.

  20. traduttore trentino

    i have created the custom traslator bar for my web,,finally no more plugins and problems… this work anytime…

  21. I was curious if you evwr thought of changing the structure of your site?
    Its very well written; I loge what youve goot to say. But maybe you could a little more in tthe
    way of content so people could connect with itt better.
    Youve got ann awfil lot of text for only having 1 or two
    images. Maybe you ciuld space it out better?

  22. lottery affiliate program

    Nice post. I used to be checking constantly this weblog and I’m inspired!
    Extremely helpful information specially the last phase 🙂 I handle such information much.
    I used to be looking for this particular information for a long time.
    Thanks and good luck.

  23. Awesome blog! Do you have any recommendations for aspiring writers?
    I’m hoping to start my own site soon but I’m a little lost
    on everything. Would you recommend starting with a free
    platform like WordPress or go for a paid option? There are so many options out there
    that I’m totally overwhelmed .. Any recommendations?
    Bless you!

  24. Currently it appears like WordPress is the top blogging
    platform available right now. (from what I’ve read) Is that
    what you are using on your blog?

  25. Woah this website is extremely good i like looking through your site content. Keep up to date the truly amazing paintings! You’re certain, plenty of people are looking close to with this data, you could help them to tremendously.

  26. Be sure to preserve your life force, chi. This practice is absolutely essential. Be sure to respect the power of words. Don’t engage in vulgar language or activity.

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.