Cara Memasang Widget Translate di Blogger goBeMail Global Network
Cara Memasang Widget Translate di Blogger goBeMail Global Network
About Google Translate
Penting juga sekarang lho, membuat blog kita bisa dibaca oleh siapapun, termasuk dalam bahasa apapun. Repot juga kalau kita nulis ulang versi Bahasa Inggris atau Bahasa negara lain ya.
Jangan cemas, ada kok caranya.
Kata kuncinya dalah: Memasang Widget Translate di Blogger.
Widget adalah bagian di sidebar kiri atau kanan. Translate adalah terjemahan.
Langkah Memasang Widget Translate di Blogger
Untuk memasang ini, ikuti tahap berikut:
✔ Buka Dashboard anda di blogger.com
✔ Tambahkan widget
✔ Pilih yang add HTML/Javascript
✔ Copy script coding di bawah ini, ingat jangan sampai ketinggalan satu karakter pun.
✔ Paste ke bagian widget, lalu save.
Hasilnya nanti seperti ini di sidebar:
Selesai deh. Anda tinggal buka blog dan buka postingan. Lalu masukkan bahasa yang diinginkan, misalnya English. Klik tanda panah, maka postingan akan otomatis menjadi tab baru dengan bahasa asing yang diinginkan.
Contoh:
Postingan asli:
https://www.awdev.eu.org/2022/11/translate.html
https://go.awdev.my.id/2022/11/translate.html
https://www.mikrodinet.eu.org/2022/11/translate.html
Setelah diklik translate dalam bahasa Inggris akan mejadi:
https://www-awdev-eu-org.translate.goog/2022/11/translate.html
Keduanya bisa dikirimkan sebagai tautan. Tentu akan memudahkan jika ingin menunjukkan tulisan anda ke teman dari negara lain. Silahkan mencoba.
SCRIPT CODING UNTUK WIDGET TRANSLATE
*copy script coding di antara garis ini ========
===============================================
<style type="text/css">
#translator-wrapper {
display:block;
width:99%;
max-width:300px;
border:none;
background-color:lavender;
color:white;
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:24px;
width:100%;
color:red;
-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:#FF4F4F;
border:none;
color:#fffff;
margin:0 0;
text-decoration:none;
position:absolute;
top:0;
right:0;
bottom:0;
cursor:pointer;
width:19%;
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 {background-color:#222222;}
#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:#27ae60;
color:#e0e0e0;
}
</style>
<div id="translator-wrapper">
<select id="translate-language">
<option value="en" selected />English
<option value="id" />Indonesian
<option value="af" />Afrikaans
<option value="sq" />Albanian
<option value="ar" />Arabic
<option value="hy" />Armenian
<option value="az" />Azerbaijani
<option value="eu" />Basque
<option value="be" />Belarusian
<option value="bn" />Bengali
<option value="bg" />Bulgarian
<option value="ca" />Catalan
<option value="zh-CN" />Chinese
<option value="hr" />Croatian
<option value="cs" />Czech
<option value="da" />Danish
<option value="nl" />Dutch
<option value="en" />English
<option value="eo" />Esperanto
<option value="et" />Estonian
<option value="tl" />Filipino
<option value="fi" />Finnish
<option value="fr" />French
<option value="gl" />Galician
<option value="ka" />Georgian
<option value="de" />German
<option value="el" />Greek
<option value="gu" />Gujarati
<option value="ht" />Haitian Creole
<option value="iw" />Hebrew
<option value="hi" />Hindi
<option value="hu" />Hungarian
<option value="is" />Icelandic
<option value="id" />Indonesian
<option value="ga" />Irish
<option value="it" />Italian
<option value="ja" />Japanese
<option value="kn" />Kannada
<option value="ko" />Korean
<option value="la" />Latin
<option value="lv" />Latvian
<option value="lt" />Lithuanian
<option value="mk" />Macedonian
<option value="ms" />Malay
<option value="mt" />Maltese
<option value="no" />Norwegian
<option value="fa" />Persian
<option value="pl" />Polish
<option value="pt" />Portuguese
<option value="ro" />Romanian
<option value="ru" />Russian
<option value="sr" />Serbian
<option value="sk" />Slovak
<option value="sl" />Slovenian
<option value="es" />Spanish
<option value="sw" />Swahili
<option value="sv" />Swedish
<option value="ta" />Tamil
<option value="te" />Telugu
<option value="th" />Thai
<option value="tr" />Turkish
<option value="uk" />Ukrainian
<option value="ur" />Urdu
<option value="vi" />Vietnamese
<option value="cy" />Welsh
<option value="yi" />Yiddish
</select><a id="translate-me" href="#" title="Translate"></a>
</div>
<script type="text/javascript">
(function() {
var mylang = "id", // Your website language
anchor = document.getElementById('translate-me');
anchor.onclick = function() {
window.open('https://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en');
return false;
};
})();
</script>
Original Content By GoBemail
#BeMail
#GoBemail
#Terbaru
#Top
#Translate
@GOBAMAIL
0 Response to "Cara Memasang Widget Translate di Blogger goBeMail Global Network"
Post a Comment