Sunday, June 19, 2011

How to Add Google Translate Button on Your Blog

I know there are lots of widgets or plug-ins available for you to install whether it is Blogger  platform. But mostly what I’ve seen on many blogs or websites is a missing translation plug-ins for their readers. I might say that it was really necessary if you’re advocacy is to spread your knowledge. Although English is the common-language worldwide, some peoples that might read your articles are not literate enough to understand the content.
Anyways, here are the few easy steps on how to add Google Translate plug-ins on your blog:
  1. First go to
  2. Then, Select the language of your webpage by clicking the drop down button.
  3. You may want to further customize the language the translator can translate by selecting few languages, but I prefer “All Languages”.
  4. Copy the code snippet provided and place it on the section of your website you want it to appear.
  5. Then you may try it by clicking the Google Translate button and select a language you want it to be translated and it should automatically reload for translation. A nav-bar will appear at top part of your site showing the percentage translated together with the cancel button and when it’s done the show original button will appear. Simply click the “Show Original” button to get it back to original language.

If your using Blogger platform, follow this step:
  1. Log on to your Blogger account.
  2. Go to Layout–>Page Elements then Add a Gadget–>HTML/JavaScript Add.
  3. Copy and Paste the code obtained at step 4 above when you are customizing the Google translate page.
  4. Click Save.
  5. Then view your blog, give it a try by following previous step 5 above.
Hope this works for you

Reference from


Smile Icon

Drag this value into your comment box: =>

Post a Comment