How To Remove Powered By Google Translate

GOOGLE TRANSLATOR FOR WEBSITE WITH POWERED BY GOOGLE



If you are interested in using Google translator as shown in the picture above, then use the codes below:


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

GOOGLE TRANSLATOR FOR WEBSITE WITHOUT POWERED BY GOOGLE



If you are interested in using Google translator without branded logo as shown in the picture above, then use the codes below:


<div align="right">
<div id="google_translate_element"></div>
<span><script type="text/javascript">
//<![CDATA[
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>
</script></span></div>
GOOGLE TRANSLATOR FOR WEBSITE WITHOUT POWERED BY AND GOOGLE LOGO

If you are interested in using Google translator without branded logo as shown in the picture above, then use the codes below:


<script>
    function googleTranslateElementInit() {
    new google.translate.TranslateElement(
                {pageLanguage: 'en'},
                'google_translate_element'
            );
        /*
        To remove the "powered by google",
        uncomment one of the following code blocks.
        NB: This breaks Google's Attribution Requirements:
        https://developers.google.com/translate/v2/attribution#attribution-and-logos
    */

    // Native (but only works in browsers that support query selector)
    if(typeof(document.querySelector) == 'function') {
        document.querySelector('.goog-logo-link').setAttribute('style', 'display: none');
        document.querySelector('.goog-te-gadget').setAttribute('style', 'font-size: 0');
    }

    // If you have jQuery - works cross-browser - uncomment this
    jQuery('.goog-logo-link').css('display', 'none');
    jQuery('.goog-te-gadget').css('font-size', '0');
    }
    </script>
    <script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Some times it will not work in IE so add the below code in .CSS file


 .goog-logo-link {
display:none !important;
} 
 .goog-te-gadget{
    color: transparent !important;
}