Thursday, 1 November 2012

Add google language translate bar to your site

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

No comments:

Post a Comment