Cara Membuat Translate Web Menggunakan HTML dan JavaScript - Hallo sahabat Dev-Create, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Translate Web Menggunakan HTML dan JavaScript, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel HTML & CSS, Artikel javascript, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Translate Web Menggunakan HTML dan JavaScript
link : Cara Membuat Translate Web Menggunakan HTML dan JavaScript

Baca juga


Cara Membuat Translate Web Menggunakan HTML dan JavaScript

 Sering kali anda mencari tutorial mengenai bagaimana membuat traslate pada suatu website yang anda buat mengalami kesulitan dalam membuatnya. Bagi anda yang suka coding website silahkan perhatikan tutorial berikut:


Buat File index.html / index.php dan masukan script berikut :

<!DOCTYPE html>
<html>
<head>
<title>Cara Membuat Translate Pada Web - Denny ID</title>
</head>
<style type="text/css">
#goog-gt-tt {
display:none !important;
}
.goog-te-banner-frame {
display:none !important;
}
.goog-te-menu-value:hover {
text-decoration:none !important;
}
body {
top:0 !important;
}
#google_translate_element2 {
display:none!important;
}
.lg{
width: 125px;
height: 25px;
margin-top: 5px;
}
</style>
<body>
<br>
<select onchange="doGTranslate(this);" class="lg">
        <option>Select Language</option>            
<option value="id|en" ></i> English</option>
        <option value="id|id" >Indonesia</option>
    </select>

     <div id="google_translate_element2"></div>
   
    <br>
    <br>

     <h2>Cara Membuat Translate Website</h2>
    <p>
     Tutorial lengkap yang mengulas seputar coding serta tempat download source code program web dan desktop gratis.
     Tutorial lengkap yang mengulas seputar coding serta tempat download source code program web dan desktop gratis.
     Tutorial lengkap yang mengulas seputar coding serta tempat download source code program web dan desktop gratis.
     Tutorial lengkap yang mengulas seputar coding serta tempat download source code program web dan desktop gratis.
     Tutorial lengkap yang mengulas seputar coding serta tempat download source code program web dan desktop gratis.
     Tutorial lengkap yang mengulas seputar coding serta tempat download source code program web dan desktop gratis.
     Tutorial lengkap yang mengulas seputar coding serta tempat download source code program web dan desktop gratis.
    </p>

     <!-- javascript -->
<script type="text/javascript" src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>
<script type="text/javascript">
function googleTranslateElementInit2() {
new google.translate.TranslateElement(
{
pageLanguage: 'id',
autoDisplay: false
},

 'google_translate_element2');
}

 function GTranslateFireEvent(element,event){
try{
if(document.createEventObject){
var evt=document.createEventObject();
element.fireEvent('on'+event,evt)
}
else{
var evt=document.createEvent('HTMLEvents');
evt.initEvent(event,true,true);
element.dispatchEvent(evt)
}
}
catch(e){}
}

 function doGTranslate(lang_pair){
if(lang_pair.value)lang_pair=lang_pair.value;
if(lang_pair=='')return;
var lang=lang_pair.split('|')[1];
var teCombo;
var sel=document.getElementsByTagName('select');
for(var i=0;i<sel.length;i++)
if(sel[i].className=='goog-te-combo')teCombo=sel[i];
if(document.getElementById('google_translate_element2')==null||document.getElementById('google_translate_element2').innerHTML.length==0||teCombo.length==0||teCombo.innerHTML.length==0)
{
setTimeout(function(){doGTranslate(lang_pair)},500)
}
else{
teCombo.value=lang;GTranslateFireEvent(teCombo,'change');
GTranslateFireEvent(teCombo,'change')
}
}
</script>
</body>
</html> 

Jika sidah selesai silahkan simpan dan lihat hasilnya.
Semoga bermanfaat.




Demikianlah Artikel Cara Membuat Translate Web Menggunakan HTML dan JavaScript

Sekianlah artikel Cara Membuat Translate Web Menggunakan HTML dan JavaScript kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Translate Web Menggunakan HTML dan JavaScript dengan alamat link https://dev-create.blogspot.com/2021/12/cara-membuat-translate-web-menggunakan.html