Cara Membuat Translate Web Menggunakan HTML dan JavaScript

 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.



Keywords:

Cara Membuat Translate Web Menggunakan HTML dan JavaScript
Cara Membuat Translate Web dengan  JavaScript
Cara Membuat Translate Web dengan PHP
Cara Membuat Translate Web dengan HTML
Cara Membuat Translate Web dengan select option
Cara Membuat Translate Multi Bahasa
Tutorial Translate Halaman Website
Translate Web With PHP
Membuat Translate Web dengan JavaScript dan PHP

Komentar

Posting Komentar

Postingan populer dari blog ini

Belajar Pemrograman C #3: Struktur Dasar dan Aturan Penulisan Program C yang Harus dipahami dengan mudah

Gambar
  BY LUTHFI@HEXY Belajar Pemrograman C #3: Struktur Dasar dan Aturan Penulisan Program C yang Harus dipahami # C Kita sudah belajar membuat program C pertama , yaitu program Hello World! Selanjutnya kita akan belajar tentang stuktur kode program pada bahasa C. Bagaimana bentuk stuktur dasar program C? Mari kita perhatikan program C berikut ini: #include <stdio.h> int main (){ printf( "Hello World!" ); return 0 ; } Ini adalah struktur dasar Jika kamu baru pertama kali melihat program ini, barangkali akan menyanyakan banyak hal. Seperti: Apa itu #include <stdio.h> ? Apa itu int ? Apa itu main ? apa itu printf ? dll. Struktur Dasar Program C Setiap kita ingin membuat program C, kita harus menuliskan struktur seperti berikut ini: #include <stdio.h> int main (){ // kode atau logika program kita di sini return 0 ; } Ini adalah struktur dasar yang wajib dipahami. Kalau kita perhatikan, struktur program tersebut dibagi menjadi dua bagian ut...
Baca selengkapnya

CARA BELAJAR KALI LINUX | Lengkap Untuk Pemula

Gambar
  CARA BELAJAR KALI LINUX | Lengkap Untuk Pemula Arianto 23 April 2020 Kali linux sangat populer di kalangan pencita IT mulai dari hacker profesional sampai bocah yang cuma bisa pakai tool orang lain dan sok sokan jadi hacker (script kiddie). Banyak yang belum tau apa itu kali linux namun ingin mencoba belajar dengan harapan akan menjadi hacker secara instan dalam waktu yang singkat (nice dream). Disini kamu akan belajar pemahaman yang benar tentang kali linux, cara install kali linux dan tehnik atau tahapan hacking menggunakan kali linux. Apa itu Kali Linux? Kali linux adalah distro linux yang dikembangkan oleh "Offensive Security" berdasarkan linux berbasis debian yang didesain untuk framework digital forensics ,penetration testing dan audit kemanan jaringan. Di dalam kali linux sudah tersedia berbagai macam tools guna melakukan penetration testing (pentesting) ke infrastruktur IT yang akan diaudit. Dulu Bernama Backtrack Kali Linux didevelop oleh Mati Aharon...
Baca selengkapnya