ブログに翻訳機能を追加する方法【無料のGoogle翻訳ガジェット】

以下で配布されているブログパーツを張り付けるだけです。Javascriptが許可されているブログならどんなブログにも導入可能だと思います。

http://translate.google.com/translate_tools?hl=ja

表示形式は上記の３つから選べます。
挿入した場所に画面が表示された後に挿入されるような感じで表示されます。
下にスライドする感じで表示されてしまいます。
以下のようにあらかじめ高さを指定しておくとその現象を防げます。

<div id="google_translate_element" style="height:40px;"></div>

Bloggerの場合

Bloggerの場合は、上記の方法でも導入可能です。導入するときは、ガジェットとして「HTML/JavaScript」を追加後、そこに記述してください。

どうしてもうまくいかない場合は、http://translate.google.com/translate_tools?hl=jaのところで、「Add to Blogger」というボタンがありますので、これをクリックするとサイドバーに自動で導入されます。


追記：2014/11/03

補足：翻訳パーツが日本語表示なんだけど・・・

表示しているブラウザの環境などから言語情報を取得して表示しているものだと思われます。

日本語環境のブラウザからアクセスすると、パーツが「言語を選択」と表示され
英語環境からアクセスすると、パーツが「Select Language」と表示されているので、たぶんそうだと思われます。


疑似的に、英語環境からアクセスする方法が思いつかなかったので、
http://tools.pingdom.com/fpt/
のサイト計測を利用しました。


計測結果がこんな感じで出てきます。
赤枠の部分にサイトのサムネイルが出てくるので、それをクリックして拡大表示して、どういう感じで表示されるかを今回確認しました。当然、日本語は文字化けしてますが、パーツがどう表示されるかは確認できるかと思います。