Membuat "Flags Google Translate" di Blog

Iseng sebentar di kantor, bikin artikel tentang Blogger.,

Sobat Blogger sekalian, nih ada Coding HTML, yg ingin di Blog nya terdapat layanan "Google Translate" supaya jika Blog kalian di buka di Luar negeri sono paham dgn artikel yg kita buat.

Contoh nya seperti di bawah ini.., Cool kan ..??

Google Translate's

 

Langkah-langkah nya :

1. Login Blogger
2. Pilih Tata Letak
3. Pilih di mana sobat ini meletakan Coding ny
4. Kemudian Pilih Tambahkan Gadget -> HTML/Javascript
5. Terus Copy-Paste kode di bawah ini

<center> 

<br/><br/><br/>

<b>Google Translate's</b>

<div style="overflow:no; width:100%px; height:100%px; padding: 5px; background: #FFFFFF;">

<style>

    .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }

    .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; }

    .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }

</style>

<center>

<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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/SaudiArabia.png" height="50" style="cursor: pointer;margin-right:3px"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/South_Korea.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Japan.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/China.png" height="50" style="cursor: pointer;margin-right:3px"/></a>

<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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Russia.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Portugal.png" height="50" style="cursor: pointer;margin-right:0px"/></a>

    

<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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Great_Britain.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/France.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Germany.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Spain.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Italy.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Netherlands.png" height="50" style="cursor: pointer;margin-right:0px"/></a>

</center></div>

<br/><br/><br/>

</center>

Dan, tinggal di save deh., trus coba sobat Blogger Refresh halaman blog kalian.
semoga bermanfaat ya..