Memasang Widget Google Translate
Memasang Widget Google Translate - Membuat translate dalam web\blog sangat penting apalagi untuk pengunjung dari luar negeri yang ingin membaca artikel kita dalm koneten bahasa indenesia,banyak pilihan dalam pembuatan tranlate google baik dalam bentuk dropdown atau dalam bentuk gambar bendera negara masing-masing,
Dalam widget bawaan google translateada 3 varian dari sajian vertikal,horizontal dan simple atau hanya dropdown. Untuk menambahkan anda masuk blogger anda > Tata Letak > Kemudian klik pada Tambahkan Gadget > Translate, disitu ada 3 pilihan menyerupai yang sudah dijelaskan sebelumnya pilih salah satu yang berdasarkan anda bagus,silahkan coba satu-satu terlebih dahulu.
Dari cara diatas ada pilihan lain untuk menciptakan widget google translate yang menarik dan tentuunya dengan gaya berbeda, untuk caranya sama menyerupai diatas hanya saja anda sehabis menambahkan gadget silahkan anda pilih tambahkan HTML/Javascript > Masukan isyarat berikut pada kolom Konten dan pada kolom title anda dapat isi dengan "Translate" atau dapat dikosongkan saja.
<style type="text/css"> #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:#27ae60; 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; } </style> <div id="translator-wrapper"> <select id="translate-language"> <option value="id" selected="selected"></option> <option value="en">IndonesianEnglish</option> <option value="af">Afrikaans</option> <option value="sq">Albanian</option> <option value="ar">Arabic</option> <option value="hy">Armenian</option> <option value="az">Azerbaijani</option> <option value="eu">Basque</option> <option value="be">Belarusian</option> <option value="bn">Bengali</option> <option value="bg">Bulgarian</option> <option value="ca">Catalan</option> <option value="zh-CN">Chinese</option> <option value="hr">Croatian</option> <option value="cs">Czech</option> <option value="da">Danish</option> <option value="nl">Dutch</option> <option value="en">English</option> <option value="eo">Esperanto</option> <option value="et">Estonian</option> <option value="tl">Filipino</option> <option value="fi">Finnish</option> <option value="fr">French</option> <option value="gl">Galician</option> <option value="ka">Georgian</option> <option value="de">German</option> <option value="el">Greek</option> <option value="gu">Gujarati</option> <option value="ht">Haitian Creole</option> <option value="iw">Hebrew</option> <option value="hi">Hindi</option> <option value="hu">Hungarian</option> <option value="is">Icelandic</option> <option value="id">Indonesian</option> <option value="ga">Irish</option> <option value="it">Italian</option> <option value="ja">Japanese</option> <option value="kn">Kannada</option> <option value="ko">Korean</option> <option value="la">Latin</option> <option value="lv">Latvian</option> <option value="lt">Lithuanian</option> <option value="mk">Macedonian</option> <option value="ms">Malay</option> <option value="mt">Maltese</option> <option value="no">Norwegian</option> <option value="fa">Persian</option> <option value="pl">Polish</option> <option value="pt">Portuguese</option> <option value="ro">Romanian</option> <option value="ru">Russian</option> <option value="sr">Serbian</option> <option value="sk">Slovak</option> <option value="sl">Slovenian</option> <option value="es">Spanish</option> <option value="sw">Swahili</option> <option value="sv">Swedish</option> <option value="ta">Tamil</option> <option value="te">Telugu</option> <option value="th">Thai</option> <option value="tr">Turkish</option> <option value="uk">Ukrainian</option> <option value="ur">Urdu</option> <option value="vi">Vietnamese</option> <option value="cy">Welsh</option> <option value="yi">Yiddish</option> </select><a id="translate-me" href="#" title="Memasang Widget Google Translate"></a> </div> <script type="text/javascript"> (function() { var mylang = "id", // Your website language : bahasa website anda 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; }; })(); </script>
Silahkan atur lebar, warna dan lainya sesuai selera anda, Semoga bermanfaat Memasang Widget Web Google Translate.
resource: https://teritorinulled.blogspot.com/search?q=memasang-widget-google-translate