Membuat sendiri Google translate flag

Tersesat, mungkin itulah yang diharapkan sebagian blogger pemula seperti saya kepada para pengunjung blog ini dari negara lain. Pengunjung tersebut akan semakin tersesat jauh bila di blog kita tidak terdapat fungsi penterjemah, seperti "Google Translate Widget" karena pegunjung blog tidak akan memahami (membaca) apa yang menjadi topik bahasan pada konten yang ia kunjungi.

Untuk menterjemahkan postingan pada halaman blog kita biasanya kita menggunakan sebuah layanan milik Google yaitu Google Trasnlate, dimana Google Translate juga menyediakan sebuat widget yang dapat dipasang pada blog kita, namun jika anda ingin mengkonstumisasi tampilan Google Translate menjadi sebuah icon-icon bendera seperti dibawah ini, Anda dapat mendownload codenya dan langsung memasangkannya pada halaman blog anda.:

1. Dua kolom

</p><p><!-- Translate flag BEGIN --><!-- by www.arvandy.web.id --><br><style><br>.google_translate img {<br>filter:alpha(opacity=100);<br>-moz-opacity: 1.0;<br>opacity: 1.0;<br>border:0;<br>}<br>.google_translate:hover img {<br>filter:alpha(opacity=30);<br>-moz-opacity: 0.30;<br>opacity: 0.30;<br>border:0;<br>}<br>.google_translatextra:hover img {<br>filter:alpha(opacity=0.30);<br>-moz-opacity: 0.30;<br>opacity: 0.30;<br>border:0;<br>}<br></style><a class="google_translate" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|en&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="http://img3.imageshack.us/img3/765/englandq.png?imgmax=800" style="cursor: pointer;margin-right:0px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|fr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://img9.imageshack.us/img9/4026/francez.png?imgmax=800" style="cursor: pointer;margin-right:0px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|de&hl=en'); return false;"><img alt="Germany" border="0" align="absbottom" title="Germany" height="32" src="http://img18.imageshack.us/img18/5121/germanyur.png?imgmax=800" style="cursor: pointer;margin-right:0px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|es&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="http://img64.imageshack.us/img64/7025/spaino.png?imgmax=800" style="cursor: pointer;margin-right:0px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|it&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://img100.imageshack.us/img100/1808/italy.png?imgmax=800" style="cursor: pointer;margin-right:0px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Netherlands" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|nl&hl=en'); return false;"><img alt="Netherlands" border="0" align="absbottom" title="Dutch" height="32" src="http://img72.imageshack.us/img72/6908/netherlands.png?imgmax=800" style="cursor: pointer;margin-right:0px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|ru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://img100.imageshack.us/img100/1589/russianfederatione.png?imgmax=800" style="cursor: pointer;margin-right:0px" width="24" /></a><br /><a class="google_translate" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|pt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://img682.imageshack.us/img682/1025/portugalb.png?imgmax=800" style="cursor: pointer;margin-right:0px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|ja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://img97.imageshack.us/img97/9207/japan.png?imgmax=800" style="cursor: pointer;margin-right:0px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|ko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://img97.imageshack.us/img97/9458/southkoreak.png?imgmax=800" style="cursor: pointer;margin-right:0px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|ar&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://img97.imageshack.us/img97/3778/saudiarabia.png?imgmax=800" style="cursor: pointer;margin-right:0px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|zh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://img685.imageshack.us/img685/6154/chinao.png?imgmax=800" style="cursor: pointer;margin-right:0px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Croatian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|hr&hl=en'); return false;"><img alt="Croatian" border="0" align="absbottom" title="Croatian" height="32" src="http://img88.imageshack.us/img88/3590/croatia.png?imgmax=800" style="cursor: pointer;margin-right:0px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Danish" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|da&hl=en'); return false;"><img alt="Danish" border="0" align="absbottom" title="Danish" height="32" src="http://img263.imageshack.us/img263/6862/denmarkg.png?imgmax=800" style="cursor: pointer;margin-right:0px" width="24" /></a><br /><div style="float: left;">^{Powered By}<a href="http://www.arvandy.web.id/2010/04/membuat-sendiri-google-translate-flag.html"><img style="border:none;" alt="google" src="http://img576.imageshack.us/img576/3788/googlelogode.png" class="gsc-branding-img-noclear" title="Google Translation Widget" /></a></div><!-- Translate flag END -->

Download 1

2. Satu kolom

 </p><p><!-- Translate flag BEGIN --><!-- by www.arvandy.web.id --><br><style><br>.google_translate img {<br>filter:alpha(opacity=100);<br>-moz-opacity: 1.0;<br>opacity: 1.0;<br>border:0;<br>}<br>.google_translate:hover img {<br>filter:alpha(opacity=30);<br>-moz-opacity: 0.30;<br>opacity: 0.30;<br>border:0;<br>}<br>.google_translatextra:hover img {<br>filter:alpha(opacity=0.30);<br>-moz-opacity: 0.30;<br>opacity: 0.30;<br>border:0;<br>}<br></style><a class="google_translate" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|en&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="http://img3.imageshack.us/img3/765/englandq.png?imgmax=800" style="cursor: pointer;margin-right:2px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|fr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://img9.imageshack.us/img9/4026/francez.png?imgmax=800" style="cursor: pointer;margin-right:2px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|de&hl=en'); return false;"><img alt="Germany" border="0" align="absbottom" title="Germany" height="32" src="http://img18.imageshack.us/img18/5121/germanyur.png?imgmax=800" style="cursor: pointer;margin-right:2px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|es&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="http://img64.imageshack.us/img64/7025/spaino.png?imgmax=800" style="cursor: pointer;margin-right:2px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|it&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://img100.imageshack.us/img100/1808/italy.png?imgmax=800" style="cursor: pointer;margin-right:2px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Netherlands" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|nl&hl=en'); return false;"><img alt="Netherlands" border="0" align="absbottom" title="Dutch" height="32" src="http://img72.imageshack.us/img72/6908/netherlands.png?imgmax=800" style="cursor: pointer;margin-right:2px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|ru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://img100.imageshack.us/img100/1589/russianfederatione.png?imgmax=800" style="cursor: pointer;margin-right:2px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|pt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://img682.imageshack.us/img682/1025/portugalb.png?imgmax=800" style="cursor: pointer;margin-right:2px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|ja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://img97.imageshack.us/img97/9207/japan.png?imgmax=800" style="cursor: pointer;margin-right:2px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|ko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://img97.imageshack.us/img97/9458/southkoreak.png?imgmax=800" style="cursor: pointer;margin-right:2px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|ar&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://img97.imageshack.us/img97/3778/saudiarabia.png?imgmax=800" style="cursor: pointer;margin-right:2px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|zh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://img685.imageshack.us/img685/6154/chinao.png?imgmax=800" style="cursor: pointer;margin-right:2px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Croatian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|hr&hl=en'); return false;"><img alt="Croatian" border="0" align="absbottom" title="Croatian" height="32" src="http://img88.imageshack.us/img88/3590/croatia.png?imgmax=800" style="cursor: pointer;margin-right:2px" width="24" /></a><a class="google_translate" target="_blank" rel="nofollow" title="Danish" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|da&hl=en'); return false;"><img alt="Danish" border="0" align="absbottom" title="Danish" height="32" src="http://img263.imageshack.us/img263/6862/denmarkg.png?imgmax=800" style="cursor: pointer;margin-right:2px" width="24" /></a><br /><div style="float: left;">^{Powered By}<a href="http://www.arvandy.web.id/2010/04/membuat-sendiri-google-translate-flag.html"><img style="border:none;" alt="google" src="http://img576.imageshack.us/img576/3788/googlelogode.png" class="gsc-branding-img-noclear" title="Google Translation Widget" /></a></div><!-- Translate flag END -->

Download 2

Untuk membuat hal tersebut sangatlah mudah, anda hanya memelukan ketelitian saja untuk memulain mengerjakannya. Sebeleum lebih jauh beralih ke pembahasan script, berikut ini adalah daftar kode negara yang digunakan google untuk menterjemahkan tulisan yang ada di blog kita.

OK, pertama-tama anda persiapkan text editor untuk mengedit script Google Translate Flag, penulis dalam hal ini menggunakan text editor Notepad++, untuk versi terbarunya anda dapat mendownloadnya langsung di situs resminya http://notepad-plus.sourceforge.net.

Pada tahap kedua, sebagai contoh kita akan menggunakan bahasa bendera berikut ini;

dimana icon translate bendera di atas menggunakan script;

<!-- Start translate Inggris -->
<a class="google_translate" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|en&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="http://img3.imageshack.us/img3/765/englandq.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<!-- End translate Inggris -->

<!-- Start translate Prancis -->
<a class="google_translate" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id|fr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://img9.imageshack.us/img9/4026/francez.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<!-- End translate Prancis -->

yang perlu anda perhatikan adalah pada huruf yang berwarna merah, dimana seperti kode translate untuk bendera inggris, kode id|en mempunyai arti bahwa kontent situs id (indonesia) akan di terjemahkan kedalah bahasa en (inggris), begitu juga untuk kode translate untuk negara Prancis, kode id|fr mempunyai arti bahwa kontent situs id (indonesia) akan di terjemahkan kedalah bahasa fr (prancis).

Untuk http://img3.imageshack.us/img3/765/englandq.png adalah letak dari image / icon bendera dari negara inggris, dan http://img9.imageshack.us/img9/4026/francez.png dalah letak dari image / icon bendera dari negara prancis.

Bagi anda yang tidak memiliki icon dari bendera-bendara tersebut, anda dapat mendownloadnya DISINI
.

Demikan sedikit pengetahuan yang saya miliki untuk sekedar membagi ilmu yang saya miliki. :D