Translate website to any specific language, on page load

<!DOCTYPE html>
<html lang="en-US">
<head>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript" src="//translate.google.com/#en/hi/Hello"></script>
</head>

<style>
body > .skiptranslate {
    //display: none;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
    }
body {
    top: 0px !important;
    }

@media print {
  #google_translate_element {display: none;}
}
/* #google_translate_element {
    display: none !important;
}
.skiptranslate goog-te-gadget {
    display: none;
} */
</style>

<body>
<div id="google_translate_element"></div>

<p>About Real Programmer is a computer science education blog where I write about programming languages, web development, Hybrid app development and programming error.

I have started real programmer blog so I can share my knowledge whatever I am learning every day in my job and with other real programmers :). I have started actively my youtube channel from September 2019 it’s good motivational for me I am learning every day becuase real developer are comming on youtube and blog they giving feedback it’s amazing to experience.</p>

<div class="notranslate">
<p>About Real Programmer is a computer science education blog where I write about programming languages, web development, Hybrid app development and programming error.

I have started real programmer blog so I can share my knowledge whatever I am learning every day in my job and with other real programmers :). I have started actively my youtube channel from September 2019 it’s good motivational for me I am learning every day becuase real developer are comming on youtube and blog they giving feedback it’s amazing to experience.</p>

</div>

</body>
</html>
Leave a Comment