Put this script in your head part
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en',includedLanguages: 'en,de,es,fr,it,pt,ar,ja,ko,zh', 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>
put this div where you want to show language dropdown
<div id="google_translate_element" class="languate-dropdown"></div>
last...for hinding google translator bar from the top of your page
put this code in you css
.goog-te-banner-frame.skiptranslate {display: none !important;}
body { top: 0px !important; }
woiiiiiiiiiiiillaa....done...
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en',includedLanguages: 'en,de,es,fr,it,pt,ar,ja,ko,zh', 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>
put this div where you want to show language dropdown
<div id="google_translate_element" class="languate-dropdown"></div>
last...for hinding google translator bar from the top of your page
put this code in you css
.goog-te-banner-frame.skiptranslate {display: none !important;}
body { top: 0px !important; }
woiiiiiiiiiiiillaa....done...
No comments:
Post a Comment