How to Add Google’s Website Translator Widget to Website or Blog

For your blog to be read by readers all around the world of different languages, you need to provide language translation feature on your blog . Google announced their new website translator widget which automatically translates your content for the visitors in 51 languages.

Now If a reader visits your page and his language is other than language of your website which will be detected from his browser settings. Then visitor will be prompted with a banner to translate page into his language. If the visitor language is same as your website language, then no banner will be appeared.

After clicking the translate button, the page will be translated to his language and shown on your page.

Adding Google’s website Translator to website or blog

You can easily add website translator widget to blog or website and increase your blog reach worldwide .
Visit Google website translator page, select “language of your webpage” select “all languages” or “specific languages” to be shown to visitors. Copy the code shown and paste it on your webpage.

Code for English Language Page:

<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>

Blogger blogs users

From Blogger Dashboard Click layout>page elements> click “Add a Gadget “>select + button next to “HTML\JavaScript” paste the code in the content box and save changes.

Reader Interactions

Comments