前一阵子给项目增加了翻译的功能,用的是Bing Translator Widget,今天看见有个兄弟写自定义自己的博客,我就尝试着把这个插件加到了自己的博客中。还真的好用。大家先看下效果,觉得好的请继续往下看。方法很简单的。
方法:
1.先去官网给你的网站申请翻译的权限.(http://www.bing.com/widget/translator)
a. Website Language 选择 Chinese Simpliefied(如果你的网站是中文的)。
b. Manual(手动选择目标语言以及什么时候翻译)。 Auto(自动根据浏览者浏览器的语言选择目标语言版本,自动翻译。比较烦,一般不选这个。) CONTINUE
2. 选择Widget的颜色,就是上面地图下面的那个控件的颜色。我的是dark的。 CONTINUE
3. 把你的博客的地址填到Step 1 Enter your site’s URL , 然后sign in。(需要有微软一系的帐户,没有的去申请个outlook邮箱吧)
4.Associate ,选择第一个两百万的词库,因为它是免费的。我们网站用的就是这个,足够用的了。土豪可以自己酌情购买。(能交个朋友吗?)
5. Allow Access.
6.完事后回到初始页面,重中之重是中间的那一坨HTML,把它拷下来。贴到你网站的模板页上就ok了。想加自己博客里的可以去博客设置-〉设置->把中间那一坨拷到博客侧边栏公告(支持HTML代码)里面。然后去自己的博客里就能使用这个控件了。
原理:使用这个空间的原理其实很简单,就是把引用了s.src=((location && location.href && location.href.indexOf('https') == 0)?'https://ssl.microsofttranslator.com':'http://www.microsofttranslator.com')+'/ajax/v3/WidgetV3.ashx?siteData=jc1drngRWzjWB6FSmu8BTIWqsFhZSQy-fMVKo4Rz4xw_AkTT9GHpbJVjKituDnOjhK4T4vouAOwf7Dv9M06ajZn14EdRaId2-4EfvNVYgzuY0svJDNgQt5G-6j4OMGQN&ctf=True&ui=true&settings=Manual&from=zh-CHS';这坨URL 的 script节点加在了head下面。这坨URL 中siteData是和你的网站绑定的,要不是自己申请的话那么你的网站中就没有Improve the Translation的功能。后面的settings=Manual就是刚才配置的选项,自己可以手动改的。