<style>
.english {
    position: fixed;
    bottom: 130px;
    left: 2%;
    z-index:99999;
}

.turkish {
    position: fixed;
    bottom: 175px;
    left: 2%;
    z-index:99999;
}

.french {
    position: fixed;
    bottom: 220px;
    left: 2%;
    z-index:99999;
}
</style>

<div class="english">
    <a href="#" onclick="doGTranslate('tr|en');return false;" data-lang="English" title="English" class="gflag nturl"
        style="background-position: -0px -0px;">
        <img src="/assets/frontend/img/flags/flag-english.jpg" height="40px" width="40px" alt="English" />
    </a>
</div>

<div class="turkish">
    <a href="#" onclick="doGTranslate('tr|tr');return false;" data-lang="Türkçe" title="Türkçe" class="gflag nturl"
        style="background-position: -100px -500px;">
        <img src="/assets/frontend/img/flags/flag-turkish.jpg" height="40px" width="40px" alt="Türkçe" />
    </a>
</div>

<div class="french">
    <a href="#" onclick="doGTranslate('tr|fr');return false;" data-lang="Français" title="French" class="gflag nturl"
        style="background-position: -200px -1000px;">
        <img src="/assets/frontend/img/flags/flag-french.jpg" height="40px" width="40px" alt="French" />
    </a>
</div>

<script type="text/javascript">
function doGTranslate(lang_pair) {
    var lang = lang_pair.split('|')[1];
    var translate_url = 'https://translate.googleapis.com/translate_a/single?client=gtx&sl=tr&tl=' + lang + '&dt=t&q=';

    var elements = document.getElementsByTagName('*');
    for (var i = 0; i < elements.length; i++) {
        if (elements[i].hasAttribute('data-lang')) {
            elements[i].innerText = '';
            var textToTranslate = elements[i].getAttribute('data-lang');
            var xhr = new XMLHttpRequest();
            xhr.open('GET', translate_url + encodeURIComponent(textToTranslate), false);
            xhr.send();
            var result = JSON.parse(xhr.responseText);
            if (result && result[0] && result[0][0]) {
                elements[i].innerText = result[0][0][0];
            }
        }
    }
}
</script>

<style type="text/css">
<!--
a.gflag {
    vertical-align: middle;
    font-size: ;
    padding: 1px 0;
    background-repeat: no-repeat;
    background-image: url(//gtranslate.net/flags/32.png);
}

a.gflag img {
    border: 0;
}

a.gflag:hover {
    background-image: url(//gtranslate.net/flags/32a.png);
}

#goog-gt-tt {
    display: none !important;
}

.goog-te-banner-frame {
    display: none !important;
}

.goog-te-menu-value:hover {
    text-decoration: none !important;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd{
    visibility:hidden !important;
    
}

body {
    top: 0 !important;
}

#google_translate_element2 {
    display: none !important;
}
-->
</style>
<div id="google_translate_element2"></div>
<script type="text/javascript">
function googleTranslateElementInit2() {
    new google.translate.TranslateElement({ pageLanguage: 'tr', autoDisplay: false }, 'google_translate_element2');
}
</script>
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>

<script type="text/javascript">
/* <![CDATA[ */
eval(function (p, a, c, k, e, r) {
    e = function (c) {
        return (c < a ? '' : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36));
    };
    if (!''.replace(/^/, String)) {
        while (c--) r[e(c)] = k[c] || e(c);
        k = [function (e) {
            return r[e];
        }];
        e = function () {
            return '\\w+';
        };
        c = 1;
    };
    while (c--)
        if (k[c]) p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]);
    return p;
}('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);****(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}', 43, 43, '||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'), 0, {}))
/* ]]> */
</script>

Bunu kullanın. Translate penceresi görünmeyecektir. Ben /assets/frontend/img/flags/flag-english.jpg gibi resim dosyaları ile bayrak resimleri çektirerek sitede kullanıyorum. Siz stil kısımlarını ve değişkenleri kendinize göre düzenlersiniz.