KODE TRANSLATE

Cara memasang kotak translate 

  Bagi para tamu yang ingin memasang kotak translate blognya. Kali ini saya akan memberitahukan kepada tamu blog ini bagaimana cara membuat kotak translate keren yang berbentuk bendera, selain memperindah blog anda, translate berfungsi sebagai penerjemah jika ada pengunjung asing yang mampir di blog anda. Caranya gampang aja kok,,
Langsung saja, silahkan copy kode berikut. Setelah itu masuk ke akun blog anda, pilih rancangan, selanjutnya pilih tambah gadget, cari javascript lalu masukan kodenya. Langsung saja, silahkan copy kode Translate berikut. masuk ke akun blogger > pilih rancangan > tambah gadget > cari javascript > paste kode dibawah.

<div style="overflow:no; width:100%px; height:100%px; padding: 5px; background:no;">
<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 border="0" alt="Arabic" style="cursor: pointer;margin-right:3px" src="http://i30.tinypic.com/ixdrev.jpg" title="Arabic" align="absbottom"/></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 border="0" alt="Korean" style="cursor: pointer;margin-right:3px" src="http://i31.tinypic.com/2yod011.jpg" title="Korean" align="absbottom"/></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 border="0" alt="Japanese" style="cursor: pointer;margin-right:3px" src="http://i29.tinypic.com/2yxn5lu.jpg" title="Japanese" align="absbottom"/></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 border="0" alt="Chinese Simplified" style="cursor: pointer;margin-right:3px" src="http://i29.tinypic.com/sm9l6e.jpg" title="Chinese Simplified" align="absbottom"/></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 border="0" alt="Russian" style="cursor: pointer;margin-right:3px" src="http://i26.tinypic.com/n8cjs.jpg" title="Russian" align="absbottom"/></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 border="0" alt="Portuguese" style="cursor: pointer;margin-right:0px" src="http://i29.tinypic.com/2w4bckz.jpg" title="Portuguese" align="absbottom"/></a>
</center>

<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 border="0" alt="English" style="cursor: pointer;margin-right:3px" src="http://i29.tinypic.com/30axu6u.jpg" title="English" align="absbottom"/></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 border="0" alt="French" style="cursor: pointer;margin-right:3px" src="http://i25.tinypic.com/nnslrn.jpg" title="French" align="absbottom"/></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 border="0" alt="German" style="cursor: pointer;margin-right:3px" src="http://i32.tinypic.com/2ni07q9.jpg" title="German" align="absbottom"/></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 border="0" alt="Spain" style="cursor: pointer;margin-right:3px" src="http://i31.tinypic.com/2h6qzhy.jpg" title="Spain" align="absbottom"/></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 border="0" alt="Italian" style="cursor: pointer;margin-right:3px" src="http://i28.tinypic.com/281x3c8.jpg" title="Italian" align="absbottom"/></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 border="0" alt="Dutch" style="cursor: pointer;margin-right:0px" src="http://i25.tinypic.com/9knyjd.jpg" title="Dutch" align="absbottom"/></a>
</center></div>


simpan lalu lihat hasilnya. 
jangan lupa tinggalkan komentar.   by Facebook Comment