Instalar Widget Google Tradutor para Blogger - Bem, desta vez eu vou compartilhar o Widget Google Tradutor com estilos diferentes que você pode conectar na barra lateral ou rodapé do blog. Veja como :





1. Faça login em seu blog> Layout> Adicionar um Gadget> HTML/JavaScript


2. Em seguida, copie e cole o código abaixo dentro do HTML/JavaScript e Salve.



#translator-wrapper { display:block; width:90%; max-width:300px; border:none; background-color:#fff; color:#444; overflow:hidden; position:relative; height:40px; line-height:40px; border:1px solid #e0e0e0; } #translator-wrapper select { border:none; background:transparent; font-family:'Verdana',Arial,Sans-Serif; font-size:12px; width:100%; color:#444; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; cursor:text; padding:5px 10px; } #translator-wrapper a, #translator-wrapper a:hover { display:block; background-color:#4791d2; border:none; color:#fff; margin:0 0; text-decoration:none; position:absolute; top:0; right:0; bottom:0; cursor:pointer; width:14%; transition:all 0.3s ease; } #translator-wrapper a:before { content:""; display:block; width:0; height:0; border:6px solid transparent; border-left-color:white; position:absolute; top:50%; left:45%; margin-top:-5px; } #translator-wrapper a:hover {opacity:0.9;} #translator-wrapper a:active {opacity:0.9;} #translator-wrapper select:focus, #translator-wrapper a:focus, #translator-wrapper select:active, #translator-wrapper a:active { border:none; outline:none; cursor:pointer; } option { background:#444; color:#e0e0e0; } English Indonesian Afrikaans Albanian Arabic Armenian Azerbaijani Basque Belarusian Bengali Bulgarian Catalan Chinese Croatian Czech Danish Dutch English Esperanto Estonian Filipino Finnish French Galician Georgian German Greek Gujarati Haitian Creole Hebrew Hindi Hungarian Icelandic Indonesian Irish Italian Japanese Kannada Korean Latin Latvian Lithuanian Macedonian Malay Maltese Norwegian Persian Polish Portuguese Romanian Russian Serbian Slovak Slovenian Spanish Swahili Swedish Tamil Telugu Thai Turkish Ukrainian Urdu Vietnamese Welsh Yiddish (function() { var mylang = "id", // Your website language anchor = document.getElementById('translate-me'); anchor.onclick = function() { window.open('http://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en'); return false; }; })();