26/04/11

Memasang Widget Translate Pada Blog

Tutorial ini bukanlah hal yang asing lagi untuk didengar. Tetapi untuk mempercantik dan memudahkan pengunjung dari negara lain membaca artikel yang kita suguhkan diblog, tentu saja Widget Translate ini sangat membantu. Hanya dengan melakukan beberapa klik saja, widget ini bisa langsung digunakan dan muncul dibagian sidebar blog.

Bagi teman-teman blogger lain yang ingin memodifikasi widget ini silahkan saja. Tetapi bagi yang ingin langsung pasang saja, silahkan klik tombol dibawah ini :



Jika sobat blogger ingin memodifikasi kodenya silahkan baca kelanjutan postingan ini.

Kode Widget Translate

Kopi Kode dibawah ini kedalam Gadget HTML/Javascript
<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 style="margin:8px">

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="11" src="https://lh3.googleusercontent.com/_FuXX2m46MaY/Tbaw3a4DXuI/AAAAAAAAA_o/lk4LzANF7Cc/us.png" style="cursor: pointer;margin-right:8px" width="16"/></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=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="11" src="https://lh4.googleusercontent.com/_FuXX2m46MaY/Tbaw1ySS-jI/AAAAAAAAA_I/dcXzQNY31Ak/fr.png" style="cursor: pointer;margin-right:8px" width="16"/></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=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="11" src="https://lh5.googleusercontent.com/_FuXX2m46MaY/Tbaw1oEgnJI/AAAAAAAAA_A/8Rrw215oLfo/de.png" style="cursor: pointer;margin-right:8px" width="16"/></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=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="11" src="https://lh5.googleusercontent.com/_FuXX2m46MaY/Tbaw3CjyxXI/AAAAAAAAA_s/6gajPFdZyKA/es.png" style="cursor: pointer;margin-right:8px" width="16"/></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=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="11" src="https://lh3.googleusercontent.com/_FuXX2m46MaY/Tbaw2HHc5UI/AAAAAAAAA_Q/pwy0Xek-444/it.png" style="cursor: pointer;margin-right:8px" width="16"/></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=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="11" src="https://lh3.googleusercontent.com/_FuXX2m46MaY/Tbaw24qdgDI/AAAAAAAAA_c/kC2yPyQ3xU0/nl.png" style="cursor: pointer;margin-right:8px" width="16"/></a>

<br /><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=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="11" src="https://lh5.googleusercontent.com/_FuXX2m46MaY/Tbaw3N7uhoI/AAAAAAAAA_k/onSPkfELo-g/ru.png" style="cursor: pointer;margin-right:8px" width="16"/></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=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="11" src="https://lh5.googleusercontent.com/_FuXX2m46MaY/Tbaw2323rpI/AAAAAAAAA_g/1y9iIS_PI9M/pt.png" style="cursor: pointer;margin-right:8px" width="16"/></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=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="11" src="https://lh3.googleusercontent.com/_FuXX2m46MaY/Tbaw2XGDkpI/AAAAAAAAA_U/37-ZPBzl2Jg/ja.png" style="cursor: pointer;margin-right:8px" width="16"/></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=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="11" src="https://lh3.googleusercontent.com/_FuXX2m46MaY/Tbaw2rVCzNI/AAAAAAAAA_Y/BOnUqzsUsW4/ko.png" style="cursor: pointer;margin-right:8px" width="16"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Indonesia" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cid&hl=en'); return false;"><img alt="Indonesia" border="0" align="absbottom" title="Indonesia" height="11" src="https://lh5.googleusercontent.com/_FuXX2m46MaY/Tbaw2K9ynMI/AAAAAAAAA_M/-kDo9DYJ6PA/id.png" style="cursor: pointer;margin-right:8px" width="16"/></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=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="11" src="https://lh3.googleusercontent.com/_FuXX2m46MaY/Tbaw1kDekDI/AAAAAAAAA_E/qqX3uYvbYPk/cn.png" style="cursor: pointer;margin-right:8px" width="16"/></a>
</div>

Kemudian Simpan Gadget, dan coba lihat hasilnya.
Untuk merubah gambar bendera silahkan diubah sesuai dengan keinginan sobat.

2 comments:

Andi Putra mengatakan...

Mantap gan...

tapi apa bisa ditambah lagi ne gan traslate bahasnaya?

ini kan cuma 12 yah?

Siswo Priyono mengatakan...

untuk merubah ukurannya bisa Gan? maklum newbie nih...

Posting Komentar

Silahkan Berkomentar disini...