custom google translate drop-down Home Save code Refresh theme1 theme2 dark3 Embed DMCA Run » Custom Google Translate drop down <!--DOCTYPE html--> <style type="text/css"> #google_translate_element select{ background-color:#f6edfd; color:#383ffa; border: none; border-radius:3px; padding:6px 8px } </style> <h2>This is a simple web page.</h2> <p>This is a simple web page and you can translate the content of this page by selecting your language in the select box</p> <div id='google_translate_element'></div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', autoDisplay: 'true', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL }, 'google_translate_element'); } </script> <script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'></script> <p>In this example, you can easily customize google translate drop down button.</p>
Custom Google Translate drop down <!--DOCTYPE html--> <style type="text/css"> #google_translate_element select{ background-color:#f6edfd; color:#383ffa; border: none; border-radius:3px; padding:6px 8px } </style> <h2>This is a simple web page.</h2> <p>This is a simple web page and you can translate the content of this page by selecting your language in the select box</p> <div id='google_translate_element'></div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', autoDisplay: 'true', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL }, 'google_translate_element'); } </script> <script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'></script> <p>In this example, you can easily customize google translate drop down button.</p>
