How to add Google Translate Widget in Blogger

The Google Translate Widget (Google Translate Web Element) is a great tool to place in your blog which gives the opportunity to your visitors to translate your blog content in their native language. Weeks ago, Chakie also has written an article for a great website translation widget with flags from Free Website Translations, so if you want you can check it here. Ok, here we go now:

Google gives 3 different styles of Google Translate Widget:

1) Vertical

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

2) Horizontal

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

3) Dropdown only

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

Chose which widget you like and copy the code.

1. Login to your blogger account, and open the Design section.