Adding Translator Widget To Blog

As we know that there are 200+ countries in the world and a single country consists of many languages which would result the sum of language more than a thousand or even two.

As blogger is a host which allows people of any language to blog, it becomes quite difficult for them if their solution is in another blog which consists of another language.

In this case many people have presented their problems. Also blogging in many languages is not possible (it can't be imagined also). SO to tackle this problem today we will add a translator widget to our blog.

Adding Translator Widget;

This translator widget is a gadget by blogger itself. So, it is quite easy to add it. Just follow below steps;

• Click on Add A Gadget.
• Then click on Translate which is in the 4th position.
• Then design your translator widget.
• Finally click on save and you are done.

By, this way you can add the translator widget. But what if you wan to add some other codes along with it? Blogger won't allow it. So we will have to edit it our self. The code for translator widget is;

<div style="float:left; margin-left:70px; padding-top:10px;" id="translate">
 <center>
  <div id="google_translate_element"></div>
  
  <script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, gaTrack: true, gaId: 'UA-26531328-1'}, 'google_translate_element');
  }
  </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
  
 </center>
</div>

Thus this was the code of the widget you added before. Edit it if you want. Then;

• Click on Add a gadget.
• Then choose Html/Javascript.
• Then paste the code there and you are done.

I hope this widget is very helpful to you as it resulted fruitful for me too.

 Happy blogging!!

Author : Anonymous

Share this

Related Posts