Widget Translate From Google
Widget translate from google,
.translator{position:absolute;top:10px;right:35px;text-align:center;display:block;padding:2px 10px 0;height:24px;border:1px solid #333;border-radius:2px;background:#ddd;color:#111;cursor:pointer;font-weight:400;transition:all .4s ease-in-out;}
#more:hover,.menu:hover{color:#777}
.translator:hover{background:#777}
.widget-translator{display:none;position:absolute;top:9px;right:120px;padding:10px 10px 10px 0;z-index:9;}
<div class='translator'>Translate</div>
<div class='widget-translator'>
<div id='google_translate_element'/>
<script type='text/javascript'>
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'id', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');
}
</script>
</div>


No comments: