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 106 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.



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

    • Pingback: Add a Non-Javascript Based Google Translator

    • 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

    • Pingback: The Technology Blog: Simplest and Fastest way to embed Google Translator

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

    • Pingback: Colocar un traductor automático que no depende de JavaScript | diarioTHC, recursos para webmasters, bloggers y diseñadores

    • 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!

    • Pingback: Add a Non-Javascript Based Google Translator

    • Pingback: Add a Non-Javascript Based Google Translator | TutZone | Squico

    • Pingback: 45+ Very Useful and Fresh Article Links for Designers and Developers | tripwire magazine

    • 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

    • Pingback: 45+ Very Useful and Fresh Article Links for Designers and Developers | huibit05.com

    • Pingback: Siteye Google Translator ekle http://tut… « wiki.laroouse

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

    • Pingback: The week in links 09/10/09 - Craig Baldwin's Blog

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

    • Pingback: You are now listed on FAQPAL

    • 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!

    • http://electroniccigarettesmokes.com/ Electronic Cigarette

      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.

    • http://eengratisiphone.com gratis iphone

      Very usefull post! Will use this in a future project

    • http://www.debtmediators.com.au/ Debt

      Google Translator – It will be a very nice concept.

    • http://www.debtmediators.com.au/bankruptcy.php bankruptcy

      This simple and easy to follow tutorial will teach you how to add a exact replica of what you see on the blog.

    • http://www.700r4transmission.org 700R4 Transmission

      I have not much time, but I’ve got many useful things here, love it!

    • http://www.usedtransmission.org Used Transmission

      Oh!…that’s great helpful, it’s so right to me! Million thanks for the article,

    • Pingback: Bariatric Surgery Albuquerque

    • Pingback: Bariatric Surgery Anaheim

    • Pingback: Bariatric Surgery Anchorage

    • Pingback: Bariatric Surgery Arlington

    • Pingback: Bariatric Surgery Atlanta

    • http://www.midlandelectrician.com.au/ Midland Electrician

      What a solution is this man! I am totally impressed when I read your tips about wordpress. Any more useful ideas related with wordpress?