Tips Memasang Google Translate Berbetuk Bendera

Google Translate…

Hmm mungkin dimata anda sudah tidak asing lagi dengan tools satu ini. Widget yang dapat mentranslate tulisan kita atau web orang lain kedalam bahasa yang kita inginkan..!!! Dan disini saya tidak perlu menulis panjang lebar tentang fungsi dari google translate karena pasti anda juga sudah tahu bukan..??? ^_^

Tetapi walaupun fungsinya yang terbilang sangat bagus tetapi tidak untuk dari tampilannya..!!! Mungkin dari anda ada yang kurang puas dengan tampilan default-nya yang seperti ini…

Jangan putus asa dulu..!!! Berikut langkah-langkah yang dapat kamu lakukan agar dapat memasang google translate dalam bentuk bendera..!!!

1. Seperti biasa kamu harus login di bloggspot
2. Tambahkan elemen halaman dengan klik tambah gadget lalu pilih HTLM/JavaScript
3. Copy pastekan kode HTML dibawah ini lalu tekan save..!!!

<div class=”widget-content”>
<style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>

<div>
<center>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”English” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cen&hl=en’); return false;”><img alt=”English” border=”0″ align=”absbottom” title=”English” height=”32″ src=”http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800″ style=”cursor: pointer; margin-right: 13px;” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”French” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cfr&hl=en’); return false;”><img alt=”French” border=”0″ align=”absbottom” title=”French” height=”32″ src=”http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800″ style=”cursor: pointer; margin-right: 13px;” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”German” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cde&hl=en’); return false;”><img alt=”German” border=”0″ align=”absbottom” title=”German” height=”32″ src=”http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer; margin-right: 13px;” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Spain” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Ces&hl=en’); return false;”><img alt=”Spain” border=”0″ align=”absbottom” title=”Spain” height=”32″ src=”http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer; margin-right: 13px;” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Italian” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cit&hl=en’); return false;”><img alt=”Italian” border=”0″ align=”absbottom” title=”Italian” height=”32″ src=”http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer; margin-right: 13px;” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Dutch” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cnl&hl=en’); return false;”><img alt=”Dutch” border=”0″ align=”absbottom” title=”Dutch” height=”32″ src=”http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer; margin-right: 13px;” width=”24″/></a>
<br/>

<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Russian” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cru&hl=en’); return false;”><img alt=”Russian” border=”0″ align=”absbottom” title=”Russian” height=”32″ src=”http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer; margin-right: 13px;” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Portuguese” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cpt&hl=en’); return false;”><img alt=”Portuguese” border=”0″ align=”absbottom” title=”Portuguese” height=”32″ src=”http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer; margin-right: 13px;” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Japanese” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cja&hl=en’); return false;”><img alt=”Japanese” border=”0″ align=”absbottom” title=”Japanese” height=”32″ src=”http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer; margin-right: 13px;” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Korean” onclick=”window.open(‘http://translate.oogle.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Cko&hl=en’); return false;”><img alt=”Korean” border=”0″ align=”absbottom” title=”Korean” height=”32″ src=”http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer; margin-right: 13px;” width=”24″/></a>

<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Arabic” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Car&hl=en’); return false;”><img alt=”Arabic” border=”0″ align=”absbottom” title=”Arabic” height=”32″ src=”http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer; margin-right: 13px;” width=”24″/></a>
<a class=”google_translate” href=”#” target=”_blank” rel=”nofollow” title=”Chinese Simplified” onclick=”window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=id%7Czh-CN&hl=en’); return false;”><img alt=”Chinese Simplified” border=”0″ align=”absbottom” title=”Chinese Simplified” height=”32″ src=”http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800″ style=”cursor: pointer; margin-right: 13px;” width=”24″/></a><br/>
<a href=”#” target=”_blank” rel=”nofollow” title=”Pasang widget ini” onclick=”window.open(‘http://ebenk789.blogspot.com/2008/12/tips-memasang-google-translate-berbetuk.html’); return false;”><img border=”0″ alt=”Pasang widget ini” title=”Pasang widget ini” align=”absbottom”/></a>

/></center>
</div>
</div>

Mudah bukan..???

Dan sampai saat ini google translate sudah dapat mensupport sebanyak 34 bahasa yaitu sebagai berikut:

Arabic
Bulgarian
Catalan
Chinese
Croatian
Czech
Danish
Dutch
English
Filipino
Finnish
French
German
Greek
Hebrew
Hindi
Indonesian
Italian
Japanese
Korean
Latvian
Lithuanian
Norwegian
Polish
Portuguese
Romanian
Russian
Serbian
Slovak
Slovenian
Spanish
Swedish
Ukrainian
Vietnamese

Tetapi souce Kode diatas baru dapat mentranslate 12 bahasa saja..!!! Semoga bermanfaat.!!!! Dan keterbatasan anda dapat teratasi..!!!

Artikel Yang Berhubungan

• cara cepat terindex oleh google part 2
• Download Google Chrome OS
• Membuat efek salju dengan tombol nonaktif

Filed Under: Javascript • Tutorial • Widget

Tags: Google, Javascript, Widget