Cara Membuat Widget Translator

Seperti yang sobat lihat di pojok kiri blog saya ini ada gambar bendera, apabila diklik maka otomatis isi halaman web kita akan berubah bahasanya sesuai dengan bendera yang sobat klik. Nah ternyata cara membuatnya sangatlah mudah dan saya memilih widget translator ini karena modelnya yang menarik sehingga dapat menarik pengunjung. Ok, Berikut cara membuatnya..

1. Sobat Login ke Blogger
2. Setelah itu klik Rancangan kemudian Elemen Laman
3. Jika sudah klik Add Gadget
4. Terus Masukkan Kode di bawah ini kedalamnya

<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>
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2gCgnzl5s6NOMYy9AvDxrw3nQIKSjzqWOQfDZCQlNf0asttad1SAcy1cPtlwD9h4a49lDYfna_Uf_o1D9qPOEDF3sxC7WQoyfU07xRDRbQJ3K4O8G8coNV2PcWLbZTad0oabNKHeimo8/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwkmxTrEggOA1Q53y9j4WFLMOxCOuTW09UhkBVdWInGgyBlQ-M20VK64-DI9TR9dFYBhz4D_QK8lJzDVpfmViEE0ToMTYXp7MqHfUYnPQNpw5eRx3j92DJiZmh1mHeQimDqpLT7eeLqlw/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD1aXoTI011EwK0Vlc3JwDkN7K-5VUgQC7Cz2Cg2gqVoDlS8TL_oHV9_4JzMbKavNZ5tdlJaqwUo4OnuSUfHsP3Z4n2487_QWPY16T3yfqaUCzW7Qc42YMqopIjUAqQXOjSX9OpLzWw9PZ/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdmCU3PSq92CM-XkqiMHn-hamVg5u_3TSxIG1w_IOYXkVmEHUfRVfWdqg3GSx3vEBN-8taLIxkG-VWR-MCzRDfZ4otK_XVzBclOGxDwNJZFMU13pTfspXIUAMLJ0Ud9KIDJKFyewJDmdBL/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY_Lxq0JPaYhmP6BnoMfNXmMzTm7xdU3EOtd5jNdTcnW4ZPogIhL_vqwsaTZSS_Jpx6Wmw8MTkW8lqH2Xf7_Y0ar2BQz8OaiYwAw6u7iJJ7bgm84bm1fA1hETzIzg36MGbPdM7KADKKoA/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5B65KelOPCbK1XoVN7v2DNjviZr3dBX4JucsxEKbv41ZnVimniIiNe4D6BvWlw6SqzlnqiV02srOBWRUqfZlpdtlriqHxv5m4GL_p3jei2ab5Zslcek0f7uBAXllxH-HUeePiWWnIwjs/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheidtHmFv0Gk24cKplIfGUtEwnHEKnvqKuriuLlrziukDrN_K4J-F-07CMgfukVUQ-seOKIkRoEFS0NvcHklZx85nXe98R_1906sdc7QrMndRptkYkotX1BpOxPP-ax3a-Ivt31IWZpFU/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVqN1LXQrTY84a8i4MkOoCTAZc8nzhVYLo3Xb6wDPdquVptneWT4XYBw-ITvwm1h2A1njHLxpshFZO_-yvVrvPP_PwuPHzc9KaGW8eUMaqOyklCYlw-IimwsH4ZlaMfxSr8lWAqEiWZsPJ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit1cHkLM6S84KBmSgPfmLyHE6WO6iU5RC-LQihg04JOFASyHcIdUQQAwHVcSRlnoI5AOSxyV_2M5U21YFyRsowLLth7pyPYbKadIBJylJSsG1rt8j4VYyom7TbaEIxaWq-oziDiSRclAY/?imgmax=800" style="cursor: pointer;margin-right:10px" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhskYQJ_l3HY4r8_w-PuPLvclY39yDve1Ymm53E2_hA7XX0Qpccc-IwuCZAAQ9dTs-UAtKK6nW4_V9TM7LYSruE2HeA5pXfXG-pIVoaTgg57LxNWupLElcGEvh2N0JqBFCDMDLkv7sKerc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
</div>

5. Simpan dan Selesai


Semoga Bermanfaat :D

Artikel Terkait: