TutZone » Blogger Tricks And Tutorials » Add a Non-Javascript Based Google Translator

September 30, 2009

TEXT SIZE minus plus

Add a Non-Javascript Based Google Translator

by Bariski View Comments
Advertisement
You Might Be Interested In Our Popular Article
  • Most Essential Free Softwares After Windows Installation

    • Many of our readers asked on how to add a non Javascript Google Translator just like we are using on our blog. This simple and easy to follow tutorial will teach you how to add a exact replica of what you see on our blog.

    This tutorial assumes that you know the basic of WordPress and Blogger coding. Though feel free to ask anything related to this and we are here to help you.

    For WordPress Users:

    Note: Do take backup of your theme before you try this.

    01. Go to Appearance => Widgets and click on Text widget and name it anything and add below code in it:
    text-widgets

    translate

    02. Save The widget and you are done.

    For Blogger Users:

    Note: Do take backup of your template before you try this.

    01. Go to Layout => Page Elements => Add a Gadget and select HTML/Javascript and add Below code in to it:
    text-widgets

    translate

    02. Name it anything and save it. You are done.

    That concludes this simple and useful tutorial. Hope you like it.



    Related Posts From Network
    at 12:24 am
    Print

    About the Author

    When I was born I was so shocked I didn't speak for a year and half...... My brain has 2 parts, Right and Left, The Right one has nothing left in it and the Left one has nothing right in it......Who says Nothing is Impossible?? I've been doing nothing for years......
    • http://wp-popular.com/popular-word-press-websites/add-a-non-javascript-based-google-translator/ Add a Non-Javascript Based Google Translator

      [...] the original post: Add a Non-Javascript Based Google Translator Comments0 Leave a Reply Click here to cancel [...]

    • johnsonkoh

      This is very useful! Many readers have asked for translation on tutorials and this translator is sure to help :) Thanks buddy.

    • http://www.tutzone.org/ Bariski

      I'm glad this will help some.

    • johnsonkoh

      This is very useful! Many readers have asked for translation on tutorials and this translator is sure to help :) Thanks buddy.

    • johnsonkoh

      This is very useful! Many readers have asked for translation on tutorials and this translator is sure to help :) Thanks buddy.

    • http://www.tutzone.org/ Bariski

      I'm glad this will help some.

    • http://www.tutzone.org/ Bariski

      I'm glad this will help some.

    • http://twirkd.blogspot.com Sathis Raj

      Gud article! I hope many find this useful!

    • http://vasiauvi.blogspot.com VasiaUVI

      Hello!
      I was looking some minutes ago for something like this and i have already put it the gadget from google. But i would want to put your code but can you tell me if I want from an other language (romanian) in english how can i do it?
      Thanks!

    • http://www.tutzone.org/ Bariski

      If I am getting you right then you can achieve it by editing this line here:
      <option selected='vi' value='en'>English</option>
      with
      <option value='en'>English</option>
      and this line here:
      <option value='ro'>Română</option>
      with
      <option selected='vi' value='ro'>Română</option>

      Hope this helps.

    • adonis88

      Gud article! I hope many find this useful!

    • http://twirkd.blogspot.com Sathis Raj

      Gud article! I hope many find this useful!

    • http://vasiauvi.blogspot.com VasiaUVI

      Hello!
      I was looking some minutes ago for something like this and i have already put it the gadget from google. But i would want to put your code but can you tell me if I want from an other language (romanian) in english how can i do it?
      Thanks!

    • http://vasiauvi.blogspot.com VasiaUVI

      Hello!
      I was looking some minutes ago for something like this and i have already put it the gadget from google. But i would want to put your code but can you tell me if I want from an other language (romanian) in english how can i do it?
      Thanks!

    • http://www.tutzone.org/ Bariski

      If I am getting you right then you can achieve it by editing this line here:
      <option selected='vi' value='en'>English</option>
      with
      English
      and this line here:
      <option value='ro'>Română</option>
      with
      <option selected='vi' value='ro'>Română</option>

      Hope this helps.

    • http://www.tutzone.org/ Bariski

      If I am getting you right then you can achieve it by editing this line here:
      <option selected='vi' value='en'>English</option>
      with
      <option value='en'>English</option>
      and this line here:
      <option value='ro'>Română</option>
      with
      <option selected='vi' value='ro'>Română</option>

      Hope this helps.

    • Name

      Here is the code for a Drupal 6.x block http://pastebin.com/m7577f5e2

    • http://technologyshowdown.blogspot.com/2009/10/simplest-and-fastest-way-to-embed.html The Technology Blog: Simplest and Fastest way to embed Google Translator

      [...] Translator Easy to follow tuorial to embed the Google Translator in WordPress and Blogger.Source:http://tutzone.net/2009/09/add-a-google-translator-to-blogs.html Posted by Makin at [...]

    • http://24bear.blogspot.com/ Brian

      Both codes doesn't seem to work for Blogspot…

    • http://www.tutzone.org/ Bariski

      I have personally tested them Can you tell me where are you using them?

    • DossyDomo

      Oh wow, now that looks like fun dude!

      RT
      http://www.complete-privacy.net.tc

    • Name

      Here is the code for a Drupal 6.x block http://pastebin.com/m7577f5e2

    • Name

      Here is the code for a Drupal 6.x block http://pastebin.com/m7577f5e2

    • http://www.itsselvam.com/ Selvam

      informative

    • http://skumora.tblog.com/ Sonny

      Well, this can actually be added to any webpage, not just a WordPress or Blogger blog. It will fit nicely in a sidebar. Now I wish Google will also display the ads in the right language so that AdSense publishers will benefit.

    • http://24bear.blogspot.com/ Brian

      Both codes doesn't seem to work for Blogspot…

    • http://24bear.blogspot.com/ Brian

      Both codes doesn't seem to work for Blogspot…

    • http://www.tutzone.org/ Bariski

      I have personally tested them Can you tell me where are you using them?

    • http://www.tutzone.org/ Bariski

      I have personally tested them Can you tell me where are you using them?

    • DossyDomo

      Oh wow, now that looks like fun dude!

      RT
      http://www.complete-privacy.net.tc

    • DossyDomo

      Oh wow, now that looks like fun dude!

      RT
      http://www.complete-privacy.net.tc

    • http://www.electroniccigarettesinc.com e cigarette

      Google translator is cool!

    • http://vasiauvi.blogspot.com VasiaUVI

      Thanks for the answer!
      I will try it!

    • http://www.itsselvam.com/ Selvam

      informative

    • http://www.itsselvam.com/ Selvam

      informative

    • http://skumora.tblog.com/ Sonny

      Well, this can actually be added to any webpage, not just a WordPress or Blogger blog. It will fit nicely in a sidebar. Now I wish Google will also display the ads in the right language so that AdSense publishers will benefit.

    • http://skumora.tblog.com/ Sonny

      Well, this can actually be added to any webpage, not just a WordPress or Blogger blog. It will fit nicely in a sidebar. Now I wish Google will also display the ads in the right language so that AdSense publishers will benefit.

    • johnkilmy

      Google translator is cool! electric cigarette

    • http://www.electroniccigarettesinc.com e cigarette

      Google translator is cool!

    • http://vasiauvi.blogspot.com VasiaUVI

      Thanks for the answer!
      I will try it!

    • http://vasiauvi.blogspot.com VasiaUVI

      Thanks for the answer!
      I will try it!

    • http://loanplusone.blogspot.com/ intirad789

      This is very useful! Thank very much

    • http://www.cypherbox.net/ cypherbox

      Wow this is useful post. Thanks.

    • http://loanplusone.blogspot.com/ intirad789

      This is very useful! Thank very much

    • http://loanplusone.blogspot.com/ intirad789

      This is very useful! Thank very much

    • http://www.cypherbox.net/ cypherbox

      Wow this is useful post. Thanks.

    • http://www.cypherbox.net/ cypherbox

      Wow this is useful post. Thanks.

    • http://www.diariothc.com/colocar-un-traductor-automatico-que-no-depende-de-javascript/ Colocar un traductor automático que no depende de JavaScript | diarioTHC, recursos para webmasters, bloggers y diseñadores

      [...] | Tutzone Comparte este [...]

    • http://www.favshare.net/ favSHARE

      This article has been shared on favSHARE.net. Go and vote it!

    • http://www.favshare.net/ favSHARE

      This article has been shared on favSHARE.net. Go and vote it!

    • http://www.favshare.net/ favSHARE

      This article has been shared on favSHARE.net. Go and vote it!

    • http://designm.ag/news/add-a-non-javascript-based-google-translator/ Add a Non-Javascript Based Google Translator

      [...] Visit Source. [...]

    • http://www.squico.com/2009/10/05/add-a-non-javascript-based-google-translator-tutzone/ Add a Non-Javascript Based Google Translator | TutZone | Squico

      [...] In: WordPress plugins 5 Oct 2009 Go to Source [...]

    • http://www.tripwiremagazine.com/news/design/45-very-useful-and-fresh-article-links-for-designers-and-developers.html 45+ Very Useful and Fresh Article Links for Designers and Developers | tripwire magazine

      [...] Add a Non-Javascript Based Google Translator [...]

    • http://www.javascriptbank.com/ 2.000+ Free JavaScript Codes

      thank for the helpful tip

    • http://www.javascriptbank.com/ 2.000+ Free JavaScript Codes

      thank for the helpful tip

    • http://www.javascriptbank.com/ 2.000+ Free JavaScript Codes

      thank for the helpful tip

    • http://huibit05.com/tutorials/45-very-useful-and-fresh-article-links-for-designers-and-developers/ 45+ Very Useful and Fresh Article Links for Designers and Developers | huibit05.com

      [...] Add a Non-Javascript Based Google Translator [...]

    • http://wiki.laroouse.com/2009/10/siteye-google-translator-ekle-httptut/ Siteye Google Translator ekle http://tut… « wiki.laroouse

      [...] Google Translator ekle http://tutzone.net/2009/09/add-a-google-translator-to-blogs.html 0 people like this post. Like  [...]

    • http://www.neotericuk.co.uk/web-design.php Website design Preston

      Nice tutorial i would help many peoples over internet .

    • http://www.neotericuk.co.uk/web-design.php Website design Preston

      Nice tutorial i would help many peoples over internet .

    • http://www.neotericuk.co.uk/web-design.php Website design Preston

      Nice tutorial i would help many peoples over internet .

    • http://craigbaldwin.com/blog/2009/10/the-week-in-links-091009/ The week in links 09/10/09 – Craig Baldwin’s Blog

      [...] Add A Non-Javascript Based Google Translator (tutzone.net) [...]

    • http://www.clippingimages.com clippingimages

      WoW great post to share. Thanks for this awesome article.

    • http://www.clippingimages.com clippingimages

      WoW great post to share. Thanks for this awesome article.

    • http://www.clippingimages.com clippingimages

      WoW great post to share. Thanks for this awesome article.

    • http://www.faqpal.com/story/5079 You are now listed on FAQPAL

      Add a Non-Javascript Based Google Translator…

      This simple to follow tutorial will teach you how to add a Non Javascript based Google Translator on your blog. This translator is very fast in loading and reduces the loading time of your site, as compared to normal Google Translator which is based on…

    • dm

      thanks!!! very useful!!!

    • dm

      thanks!!! very useful!!!

    • dm

      thanks!!! very useful!!!

    • http://www.oythun.org/ oythun

      Thank you, great article.

    • http://www.oythun.org/ oythun

      Thank you, great article.

    • http://www.oythun.org/ oythun

      Thank you, great article.

    • http://myanimemangacollections.blogspot.com/ yurigirl29

      it doesn't work on blogspot. I got this error message:

      Bad Request
      Your client has issued a malformed or illegal request.

    • yurigirl

      it doesn't work on blogspot. I got this error message:

      Bad Request
      Your client has issued a malformed or illegal request.

    • andrew

      i uploaded in blogger..but is gives error…

    • andrew

      i uploaded in blogger..but is gives error…

    • http://www.tutzone.org/ Bariski

      Try this, add a Javascript widget, name it Translator and add anything inside it, like 1 and save it. Then Go to Edit HTML and Expand Widget Templates and search for the widhet named Translator and find this code:

      <div class='widget-content'>

      Just below add this and remove 1 from content and save it: (Also FIX the names by copying from the post.)
      <form action='http://translate.google.com/translate_c?'>
      <table id='webtb'>
      <tr><td> <select name='tl' style='width: 8em;'>
      <option selected='vi' value='en'>English</option>
      <option value='ar'>ا�عرب�ة</option>
      <option value='bg'>б�лга��ки</option>
      <option value='ca'>català</option>
      <option value='cs'>�esky</option>
      <option value='da'>Dansk</option>
      <option value='de'>Deutsch</option>
      <option value='el'>�λληνικά</option>
      <option value='es'>Español</option>
      <option value='fi'>suomi</option>
      <option value='fr'>Français</option>
      <option value='hi'>ह&#2367;न&#2381;द&#2368;</option>
      <option value='hr'>Croatian</option>
      <option value='id'>Indonesia</option>
      <option value='it'>Italiano</option>
      <option value='iw'>ע�ר�ת</option>
      <option value='ja'>Japanese</option>
      <option value='ko'>Korean</option>
      <option value='lt'>Lietuvių</option>
      <option value='lv'>latviešu</option>
      <option value='nl'>Nederlands</option>
      <option value='no'>norsk</option>
      <option value='pl'>Polski</option>
      <option value='pt'>Português</option>
      <option value='ro'>Român�</option>
      <option value='ru'>Р���кий</option>
      <option value='sk'>sloven�ina</option>
      <option value='sl'>slovenš�ina</option>
      <option value='sr'>��п�ки</option>
      <option value='sv'>Svenska</option>
      <option value='tl'>Filipino</option>
      <option value='uk'>�к�а�н��ка</option>
      <option value='vi'>Tiếng Vi�t</option>
      <option value='zh-cn'>Chinese (Simplified)</option>
      <option value='zh-tw'>Chinese (Traditional)</option>
      </select>
      <input expr:value='data:blog.url' id='url' name='u' type='hidden'/>
      <input name='sl' type='hidden' value='en'/>
      <input name='hl' type='hidden' value='en'/>
      <input name='ie' type='hidden' value='UTF-8'/>
      <input style='width: auto;' type='submit' value='Select'/>
      </td></tr></table></form>
      </div>

    • http://www.tutzone.org/ Bariski

      Try this, add a Javascript widget, name it Translator and add anything inside it, like 1 and save it. Then Go to Edit HTML and Expand Widget Templates and search for the widhet named Translator and find this code:

      <div class='widget-content'>

      Just below add this and remove 1 from content and save it: (Also FIX the names by copying from the post.)
      <form action='http://translate.google.com/translate_c?'>
      <table id='webtb'>
      <tr><td> <select name='tl' style='width: 8em;'>
      <option selected='vi' value='en'>English</option>
      <option value='ar'>ا�عرب�ة</option>
      <option value='bg'>б�лга��ки</option>
      <option value='ca'>català</option>
      <option value='cs'>�esky</option>
      <option value='da'>Dansk</option>
      <option value='de'>Deutsch</option>
      <option value='el'>�λληνικά</option>
      <option value='es'>Español</option>
      <option value='fi'>suomi</option>
      <option value='fr'>Français</option>
      <option value='hi'>ह&#2367;न&#2381;द&#2368;</option>
      <option value='hr'>Croatian</option>
      <option value='id'>Indonesia</option>
      <option value='it'>Italiano</option>
      <option value='iw'>ע�ר�ת</option>
      <option value='ja'>Japanese</option>
      <option value='ko'>Korean</option>
      <option value='lt'>Lietuvių</option>
      <option value='lv'>latviešu</option>
      <option value='nl'>Nederlands</option>
      <option value='no'>norsk</option>
      <option value='pl'>Polski</option>
      <option value='pt'>Português</option>
      <option value='ro'>Român�</option>
      <option value='ru'>Р���кий</option>
      <option value='sk'>sloven�ina</option>
      <option value='sl'>slovenš�ina</option>
      <option value='sr'>��п�ки</option>
      <option value='sv'>Svenska</option>
      <option value='tl'>Filipino</option>
      <option value='uk'>�к�а�н��ка</option>
      <option value='vi'>Tiếng Vi�t</option>
      <option value='zh-cn'>Chinese (Simplified)</option>
      <option value='zh-tw'>Chinese (Traditional)</option>
      </select>
      <input expr:value='data:blog.url' id='url' name='u' type='hidden'/>
      <input name='sl' type='hidden' value='en'/>
      <input name='hl' type='hidden' value='en'/>
      <input name='ie' type='hidden' value='UTF-8'/>
      <input style='width: auto;' type='submit' value='Select'/>
      </td></tr></table></form>
      </div>

    • http://www.rajeshpatel.net/ Rajesh Patel

      Thanks for sharing.

    • rahul964

      Thanks for sharing.

    • http://blog.computer-service-mallorca.com/ Michael

      ROFL @ “About the Author” … very cool :D

    • http://blog.computer-service-mallorca.com/ Michael

      ROFL @ “About the Author” … very cool :D

    • http://twitter.com/invocoes Michael Pehl

      lol @ about the author … still laughing :D

    • http://twitter.com/invocoes Michael Pehl

      lol @ about the author … still laughing :D

    • http://www.photoshopclippingpath.us/ Photoshopclippingpath

      nice work thanks for posting

    • http://www.photoshopclippingpath.us/ Photoshopclippingpath

      nice work thanks for posting

    • http://www.itcanhappen4u2.com/%20./affiliate-programs/ Affiliate Program

      Thanks for this awesome article. Nice tutorial i would help many peoples over internet.

    • http://www.blindandshutterpro.net/faux-blinds.html faux blinds

      This can actually be added to any webpage, not just a WordPress or Blogger blog. It will fit nicely in a sidebar.

    • http://condotarget.com/vacation-rentals/USA/California/California-Vacation-Rentals.php California Vacation Rentals

      I have already put it the gadget from google. But i would want to put your code but can you tell me if I want from an other language in english how can i do it.

    • http://condotarget.com/vacation-rentals/USA/California/California-Vacation-Rentals.php California Vacation Rentals

      This can actually be added to any webpage, not just a WordPress or Blogger blog. It will fit nicely in a sidebar.

    • http://www.pacebutlergold.com/ sell gold online

      Well, great tutorial. But we can’t say that it will work. Some other script should be used for that.

    • http://www.facebook.com/pages/My-Colleges-and-Careers/106971266000131?v=wall Michael

      Thanks for the info on this widget, I’ve been looking for a good translator.

    • http://www.itranslation.com.sg/ English Chinese Translation

      Very interesting article, thanks for sharing!

    blog comments powered by Disqus