Saturday, May 03, 2014

Bing Translator for Blog/ Website



Bing Translator Widget Supporting 50 Languages




Search engine Bing has a nice translator widget for your blog or website. With this translator, your reader can translate the site in their own languages. Thus your site will get more language coverage. Currently Bing translator supports only 50 languages. See the demo below: 



This is how your translator will look like. When someone clicks on the Translate button, translation option will appear. After clicking the down arrow, a drop down list of language will open. 


Translator Code

To enable translation for your site, you've to add the following code in your HTML. 

<div id='MicrosoftTranslatorWidget' class='Darkstyle='color:white;background-color:#555555'></div><script type='text/javascript'>setTimeout(function(){{var s=document.createElement('script');s.type='text/javascript';s.charset='UTF-8';s.src=((location && location.href && location.href.indexOf('https') == 0)?'https://ssl.microsofttranslator.com':'http://www.microsofttranslator.com')+'/ajax/v3/WidgetV3.ashx?siteData=ueOIGRSKkd965FeEGM5JtQ**&ctf=True&ui=true&settings=Manual&from=en';var p=document.getElementsByTagName('head')[0]||document.documentElement;p.insertBefore(s,p.firstChild); }},0);</script>


Copy and paste the above code in your site's HTML where you want this widget appear. This code works with almost any platform. 



Customize the Code

You can also customize this code. Look at the green texts. 

  • The first one is Dark. Dark looks fine when your site's background is light. But if your site is dark, then use Light instead of dark. 
  • The next one is Manual. That means someone needs to translate the page manually using the widget. But if you use the word Automatic, then your page will be automatically translated depending on the browser language! 
  • The last one is en. That means your site is in English - en. If your site's language is something else then you've to use the code of that language. For example, ar for Arabic, da for Danish, fr for French. Visit Translator Widget to see the codes for other languages. 


You can also change the background color of the widget using the color attribute. 



Implementing the Code in Blogger Blog

To use this code with blogger, follow the steps below:
  • Sign in to your blogger account and then go to your site's dashboard/ settings.
  • Now go to the Layout option from the left pane.
  • Choose Add a Gadget from anywhere (I prefer right sidebar).
  • Select HTML/ JavaScript option. 
  • Now copy and paste the Translator Code in the Content box. 
  • Save the gadget and view your site. 


Now when someone will translate your site, it will be translated within a second. And original text will also be displayed if you move your mouse over the text. To back to the original text, you have to cross the translator widget. 


Stay with Marks PC Solution to get more interesting IT topics!



8 comments:

  1. Hi i have use the bing transltor for my translation work but in that many language we didn't get for example if we talk for asian language they are not there so i prefer for google translation we many language even though i appreciate that you have written the blog thanks for giving information.

    translation in ahmedabad | translation service

    ReplyDelete
    Replies
    1. Ya you're right. But I hope bing will be better gradually.

      Delete
  2. And also another thing I wanted to tell you is that you are earning with 360 ads.
    When ever you post a software or any thing then keep its download link at end, above that 360 download button. That will increase your earning as this is the best way to earn from 360 adds.

    ReplyDelete
    Replies
    1. It's okay but I don't like to bother my visitor. I always focus on visitor's conveniecne.

      Delete
  3. perkembangan IT sangat cepat sehingga kita siap siap menghadapinya
    buka microsoft,google,yahoo dan lain lainnya untuk mencari yang canggih dan modern

    ReplyDelete
  4. why Microsoft does not want to make the application blog as blogger and wordpress?

    ReplyDelete