Kamis, 03 November 2016

Membuat Web Multi Language


Bagaimana membuat web kita jadi multi language, apakah susah???
 kita lihat contoh web berikut

 jika diterjemahkan ke dalam bahasa arab, ini hasilnya





mari kita coba, bismillah

pertama kita coba menggunakan web yang running pada local host, seperti dibawah ini



buka web, masuk ke administrator, dan tempelkan scripberkut pada index, terserah posisinya dimana,
namun saya disini menempatkannya di bawah header



<!-- GTranslate: http://gtranslate.net/ -->
<b> Pilih Bahasa</b> <br>

<a href="#" onclick="doGTranslate('id|id');return false;" title="Indonesian" class="gflag nturl" style="background-position:-300px -300px;"><img src="http://localhost/lapau/indonesia.png" alt="Indonesian" /></a>

<a href="#" onclick="doGTranslate('id|ar');return false;" title="Arabic" class="gflag nturl" style="background-position:-100px -0px;"><img src="http://localhost/lapau/arab.png" alt="Arab" /></a>

<a href="#" onclick="doGTranslate('id|zh-CN');return false;" title="Chinese (Simplified)" class="gflag nturl" style="background-position:-300px -0px;"><img src="http://localhost/lapau/cina.jpg" alt="Chinese (Simplified)" /></a>

<a href="#" onclick="doGTranslate('id|en');return false;" title="English" class="gflag nturl" style="background-position:-0px -0px;"><img src="http://localhost/lapau/UK.jpg" alt="English" /></a>

<a href="#" onclick="doGTranslate('id|ja');return false;" title="Japanese" class="gflag nturl" style="background-position:-700px -100px;"><img src="http://localhost/lapau/jpn.jpg" alt="Japanese" /></a>

<style type="text/css">
<!--
a.gflag {vertical-align:middle;font-size:32px;padding:1px 0;background-repeat:no-repeat;background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/32.png');}
a.gflag img {border:0;}
a.gflag:hover {background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/32a.png');}
#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;}
-->
</style>

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


<script type="text/javascript">
/* <![CDATA[ */
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}',43,43,'||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'),0,{}))
/* ]]> */
</script>
<script type="text/javascript" src="http://joomla-gtranslate.googlecode.com/svn/trunk/gt_update_notes0.js"></script>






tulisan miring dan merah merupakan alamat gambar yang kita simpan, pastikan sudah punya gambar bendera tersebut.

berkut hasilnya, setelah diterjemahkan kedalam bhs jepang,,



sekian,
semoga bermanfaat,,,


Tidak ada komentar:

Posting Komentar