Add Google Translator to Blogger

Here is a tutorial of how you can add a Google Translator in your blogger blogspot.
Once log in to your blogger account account, go under Layout > Page Elements


This will display the own layout of your blog. Click on Add a Gadget.

A new window will pop up. Select a HTML/JavaScript


The window will refreshed and it is time for you to put in the coding of the following. You may cut and paste it.

<div id="google_translate_element"></div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element'); } </script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

You may name the title anyway you like it. For my case, I put "Google Translate". Once done, click on Save and the window will be closed.


Click on Save on the main template and your widget for Google Translator should be up.


If you find this tutorial helpful, please rate it. Comments are welcome.