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

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......
    • This can actually be added to any webpage, not just a Wordpress or Blogger blog. It will fit nicely in a sidebar.
    • 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.
    • This can actually be added to any webpage, not just a Wordpress or Blogger blog. It will fit nicely in a sidebar.
    • Thanks for this awesome article. Nice tutorial i would help many peoples over internet.
    • nice work thanks for posting
    • lol @ about the author ... still laughing :D
    • ROFL @ "About the Author" ... very cool :D
    • Thanks for sharing.
    • andrew
      i uploaded in blogger..but is gives error...
    • 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>
    • it doesn't work on blogspot. I got this error message:

      Bad Request
      Your client has issued a malformed or illegal request.
    • Thank you, great article.
    • dm
      thanks!!! very useful!!!
    • WoW great post to share. Thanks for this awesome article.
    • Nice tutorial i would help many peoples over internet .
    • thank for the helpful tip
    • This article has been shared on favSHARE.net. Go and vote it!
    • Wow this is useful post. Thanks.
    • This is very useful! Thank very much
    • Google translator is cool!
    • 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.
    • informative
    • DossyDomo
      Oh wow, now that looks like fun dude!

      RT
      www.complete-privacy.net.tc
    • Both codes doesn't seem to work for Blogspot...
    • I have personally tested them Can you tell me where are you using them?
    • Name
      Here is the code for a Drupal 6.x block http://pastebin.com/m7577f5e2
    • 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!
    • 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.
    • Thanks for the answer!
      I will try it!
    • Gud article! I hope many find this useful!
    • johnsonkoh
      This is very useful! Many readers have asked for translation on tutorials and this translator is sure to help :) Thanks buddy.
    • I'm glad this will help some.
    blog comments powered by Disqus