Google Translate without banner

That top bar is the Google Translate banner (goog-te-banner-frame).  


<!-- Language select -->
             <button onclick="translateLanguage('en')">English</button>
              <button onclick="translateLanguage('bn')">বাংলা</button>

              <div id="google_translate_element" style="display:none;"></div>
              <script>
              function googleTranslateElementInit() {
                  new google.translate.TranslateElement({
                      pageLanguage: 'en',
                      includedLanguages: 'en,bn',
                      autoDisplay: false
                  }, 'google_translate_element');
              }

              function translateLanguage(lang) {
                  var interval = setInterval(function () {
                      var select = document.querySelector(".goog-te-combo");
                      if (select) {
                          select.value = lang;
                          select.dispatchEvent(new Event("change"));
                          clearInterval(interval);
                      }
                  }, 500);
              }
              </script>

              <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
              <style>
                .goog-te-banner-frame.skiptranslate {
                  display: none !important;
              }

              body {
                  top: 0 !important;
              }

              .goog-logo-link,
              .goog-te-gadget span {
                  display: none !important;
              }

              .goog-te-gadget {
                  color: transparent !important;
              }.goog-te-banner-frame.skiptranslate {
                  display: none !important;
              }

              body {
                  top: 0 !important;
              }

              .skiptranslate{
                visibility: hidden;
              }

              .VIpgJd-ZVi9od-ORHb-OEVmcd {
                  left: 0;
                  top: -45px;}

              </style> 

Google Translate without banner Google Translate without banner Reviewed by Md Shahinur Islam on July 12, 2026 Rating: 5

No comments:

Powered by Blogger.