Sebenarnya google translate ini sudah pernah saya bahas pada beberapa waktu yang lalu. Namun karena widget ini sudah mengalami perubahan yaitu menggunakan icon-icon bendera sehingga tampilannya menjadi lebih menarik.
Contohnya seperti ini yang dibuat oleh mad tomatoe
dan ini yang dibuat oleh kang rohman
Oleh sebab itu, pada postingan ini saya ingin membahas kembali dengan menyajikan widget buatan saya sendiri. Seperti yang dibawah ini
Widget ini saya buat dengan mengganti icon bendera yang berbentuk seperti pin dan diberi sedikit efek shadow sehingga hasilnya menjadi seperti diatas. Semoga tidak terlalu mengecewakan.
Bagi anda yang tertarik, silahkan copy kode dibawah ini.
Untuk Google Translate 2 baris. Gunakan kode dibawah ini:
<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>
<div style="text-align:center">
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjupZ1QZp6LAaB-0qH-1w_uS_aRXjq_qeH8CkjpGoYyemsrKnLRSSMVgLvqxBXC9wet90EnHpnDAFp9Z3vG7lwVbpwvVA4XYXm6PcCUJKqHEiAQHZKXsq9Yvn6achvvjBUeTxUPPi38wbCZ/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgll2WdArmistrijG8j2oDj6f0C8skSfZMNZ-bkhh-A5ISv6Pn-viYZZ_ardl9C3J6e7xc5OtsZJhxUf0mam8pY_n_pIX_OvKnxPdcI-EpxKqUbx-AHzSRBQjFfEtQRhYC1vMeCP1Ovl2WX/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXDiAjZ8anZQaqo3TcjtcOaUJaymFTo18Iv_P6C5Y7os9ZSKnEJXbSLotYmWveWrW8McpXUZ16CUmILWlLJDq8Ge3urzkLEZV1FttVcb6seDE3BEtNPacfWY3PMw3dvBVp8bO4-I2lH7hY/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi20PjuOoz7p_MecjI72doKoyGguQQb_PAX5nYFT62XkAVCcKqPwrX441oguVkpv84C65lh_ckxnSRcuIjI3rb0TmfZ0tEjpb9AI8N4Cu0WdzZ-0_mpoAKkh70390PLsbtISeOlzomSmkf5/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGgtglAYOU10EJBGm0O5b8bLe0cKjQGxr1t699X4stiDLaWHNfJgn3raEiwZVvWbCZduxtQauqTbr5OhjA8JIcy6i3pNmG0WpidJKt0BE0wtMXDb4ILRDf3aHD7o9UpJRE3HNp1UnHm8db/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxbGlH26grTIn0ThskvFdCInrSQ7vRl_-ed-0CDfgQBc5NN6cUjSWGKvRnzClcdlsfIHxjCvYoH9NqvgHJHBNtk9zgQ0HyI2sFdLERsC5OGVYHYjUWNzVnvs7Fbvxy1RM09rxlzZML6PNc/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAnRVDYu7UMSlesvXjnj8T5CRHOq4n97ATdfILJ82hgwmK4DpgID176sW8YCbkiBI5ENC7SpEgOYpJqvWoFbMFsIXSX2eegu5YEnFQ4m55DrYLsEXmDMN60jwYPUu8T90USDUA1_8QNVPU/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpB3UxVK5qzCelgreY6HeaVSv9LRHRv_nOv1QBry2KOd9KrdxXlHW7b7Z9jsACJtmVbWSym_lpwPHZe4qKqXBgHST6zHCLwuH2yM77cHO-RUw5I1SDkMFFI3SKcDrN0qo05M4ZLAsD7fN3/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia4XhQcw1Ljbrhni02dMq8k2Uv0LqCz7LDdsGH_1Pm13WPREoB5GO-6hgyZOtgeOI9fmUqIg6q0HIevqcbXn5luVrdjyiNCnAMyy61WUEk4P8O_TmEwaHRFvGTXX5yDJmfUMdGrkeWgtzY/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiptogkvoxuk1YnKdqjWxpW_7WTo9PDDRSuW3RmGYcG8KjHwI8d4xmxCgd2Yqwm4NLjvMv9_voGEA0YhkI_TaAJMCLS21bQd6gUYrUalABmkQtBJRjyXBdeAABQzhcBNtcrw6bpKLM2-Prl/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqORE0SogQU524DbZ0zCDYqOJtmm_SgyUTjfkBeOZ-LFoDQAcnMJ1WnqBmguF3TsbITJYgcE-Cdf-4bcODLghoSdjhB5SS_eJzFgYQbKlQiL2bwtJmzNAvkhzkq2ThvJFCZ9kIW_YLLb3j/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDTXZwk4uPJLDO_iyz876M0_PQaaherIqXwAJM79GP5L89zG2RVUx-rLA0McZmQl3If9bC5QaD9Iy2zffEsjVSnDE0_5qDGZfH6u5SXtmTB5pEZpsmRt9PYQROogMt4kr5mk8GK-IQ_Eby/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google
</div></div>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>
<div style="text-align:center">
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjupZ1QZp6LAaB-0qH-1w_uS_aRXjq_qeH8CkjpGoYyemsrKnLRSSMVgLvqxBXC9wet90EnHpnDAFp9Z3vG7lwVbpwvVA4XYXm6PcCUJKqHEiAQHZKXsq9Yvn6achvvjBUeTxUPPi38wbCZ/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgll2WdArmistrijG8j2oDj6f0C8skSfZMNZ-bkhh-A5ISv6Pn-viYZZ_ardl9C3J6e7xc5OtsZJhxUf0mam8pY_n_pIX_OvKnxPdcI-EpxKqUbx-AHzSRBQjFfEtQRhYC1vMeCP1Ovl2WX/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXDiAjZ8anZQaqo3TcjtcOaUJaymFTo18Iv_P6C5Y7os9ZSKnEJXbSLotYmWveWrW8McpXUZ16CUmILWlLJDq8Ge3urzkLEZV1FttVcb6seDE3BEtNPacfWY3PMw3dvBVp8bO4-I2lH7hY/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi20PjuOoz7p_MecjI72doKoyGguQQb_PAX5nYFT62XkAVCcKqPwrX441oguVkpv84C65lh_ckxnSRcuIjI3rb0TmfZ0tEjpb9AI8N4Cu0WdzZ-0_mpoAKkh70390PLsbtISeOlzomSmkf5/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGgtglAYOU10EJBGm0O5b8bLe0cKjQGxr1t699X4stiDLaWHNfJgn3raEiwZVvWbCZduxtQauqTbr5OhjA8JIcy6i3pNmG0WpidJKt0BE0wtMXDb4ILRDf3aHD7o9UpJRE3HNp1UnHm8db/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxbGlH26grTIn0ThskvFdCInrSQ7vRl_-ed-0CDfgQBc5NN6cUjSWGKvRnzClcdlsfIHxjCvYoH9NqvgHJHBNtk9zgQ0HyI2sFdLERsC5OGVYHYjUWNzVnvs7Fbvxy1RM09rxlzZML6PNc/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAnRVDYu7UMSlesvXjnj8T5CRHOq4n97ATdfILJ82hgwmK4DpgID176sW8YCbkiBI5ENC7SpEgOYpJqvWoFbMFsIXSX2eegu5YEnFQ4m55DrYLsEXmDMN60jwYPUu8T90USDUA1_8QNVPU/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpB3UxVK5qzCelgreY6HeaVSv9LRHRv_nOv1QBry2KOd9KrdxXlHW7b7Z9jsACJtmVbWSym_lpwPHZe4qKqXBgHST6zHCLwuH2yM77cHO-RUw5I1SDkMFFI3SKcDrN0qo05M4ZLAsD7fN3/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia4XhQcw1Ljbrhni02dMq8k2Uv0LqCz7LDdsGH_1Pm13WPREoB5GO-6hgyZOtgeOI9fmUqIg6q0HIevqcbXn5luVrdjyiNCnAMyy61WUEk4P8O_TmEwaHRFvGTXX5yDJmfUMdGrkeWgtzY/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiptogkvoxuk1YnKdqjWxpW_7WTo9PDDRSuW3RmGYcG8KjHwI8d4xmxCgd2Yqwm4NLjvMv9_voGEA0YhkI_TaAJMCLS21bQd6gUYrUalABmkQtBJRjyXBdeAABQzhcBNtcrw6bpKLM2-Prl/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqORE0SogQU524DbZ0zCDYqOJtmm_SgyUTjfkBeOZ-LFoDQAcnMJ1WnqBmguF3TsbITJYgcE-Cdf-4bcODLghoSdjhB5SS_eJzFgYQbKlQiL2bwtJmzNAvkhzkq2ThvJFCZ9kIW_YLLb3j/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDTXZwk4uPJLDO_iyz876M0_PQaaherIqXwAJM79GP5L89zG2RVUx-rLA0McZmQl3If9bC5QaD9Iy2zffEsjVSnDE0_5qDGZfH6u5SXtmTB5pEZpsmRt9PYQROogMt4kr5mk8GK-IQ_Eby/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google
</div></div>
Untuk Google Translate 3 baris. Gunakan kode dibawah ini:
<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>
<div style="text-align:center">
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjupZ1QZp6LAaB-0qH-1w_uS_aRXjq_qeH8CkjpGoYyemsrKnLRSSMVgLvqxBXC9wet90EnHpnDAFp9Z3vG7lwVbpwvVA4XYXm6PcCUJKqHEiAQHZKXsq9Yvn6achvvjBUeTxUPPi38wbCZ/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgll2WdArmistrijG8j2oDj6f0C8skSfZMNZ-bkhh-A5ISv6Pn-viYZZ_ardl9C3J6e7xc5OtsZJhxUf0mam8pY_n_pIX_OvKnxPdcI-EpxKqUbx-AHzSRBQjFfEtQRhYC1vMeCP1Ovl2WX/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXDiAjZ8anZQaqo3TcjtcOaUJaymFTo18Iv_P6C5Y7os9ZSKnEJXbSLotYmWveWrW8McpXUZ16CUmILWlLJDq8Ge3urzkLEZV1FttVcb6seDE3BEtNPacfWY3PMw3dvBVp8bO4-I2lH7hY/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi20PjuOoz7p_MecjI72doKoyGguQQb_PAX5nYFT62XkAVCcKqPwrX441oguVkpv84C65lh_ckxnSRcuIjI3rb0TmfZ0tEjpb9AI8N4Cu0WdzZ-0_mpoAKkh70390PLsbtISeOlzomSmkf5/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGgtglAYOU10EJBGm0O5b8bLe0cKjQGxr1t699X4stiDLaWHNfJgn3raEiwZVvWbCZduxtQauqTbr5OhjA8JIcy6i3pNmG0WpidJKt0BE0wtMXDb4ILRDf3aHD7o9UpJRE3HNp1UnHm8db/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxbGlH26grTIn0ThskvFdCInrSQ7vRl_-ed-0CDfgQBc5NN6cUjSWGKvRnzClcdlsfIHxjCvYoH9NqvgHJHBNtk9zgQ0HyI2sFdLERsC5OGVYHYjUWNzVnvs7Fbvxy1RM09rxlzZML6PNc/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAnRVDYu7UMSlesvXjnj8T5CRHOq4n97ATdfILJ82hgwmK4DpgID176sW8YCbkiBI5ENC7SpEgOYpJqvWoFbMFsIXSX2eegu5YEnFQ4m55DrYLsEXmDMN60jwYPUu8T90USDUA1_8QNVPU/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpB3UxVK5qzCelgreY6HeaVSv9LRHRv_nOv1QBry2KOd9KrdxXlHW7b7Z9jsACJtmVbWSym_lpwPHZe4qKqXBgHST6zHCLwuH2yM77cHO-RUw5I1SDkMFFI3SKcDrN0qo05M4ZLAsD7fN3/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia4XhQcw1Ljbrhni02dMq8k2Uv0LqCz7LDdsGH_1Pm13WPREoB5GO-6hgyZOtgeOI9fmUqIg6q0HIevqcbXn5luVrdjyiNCnAMyy61WUEk4P8O_TmEwaHRFvGTXX5yDJmfUMdGrkeWgtzY/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiptogkvoxuk1YnKdqjWxpW_7WTo9PDDRSuW3RmGYcG8KjHwI8d4xmxCgd2Yqwm4NLjvMv9_voGEA0YhkI_TaAJMCLS21bQd6gUYrUalABmkQtBJRjyXBdeAABQzhcBNtcrw6bpKLM2-Prl/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqORE0SogQU524DbZ0zCDYqOJtmm_SgyUTjfkBeOZ-LFoDQAcnMJ1WnqBmguF3TsbITJYgcE-Cdf-4bcODLghoSdjhB5SS_eJzFgYQbKlQiL2bwtJmzNAvkhzkq2ThvJFCZ9kIW_YLLb3j/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDTXZwk4uPJLDO_iyz876M0_PQaaherIqXwAJM79GP5L89zG2RVUx-rLA0McZmQl3If9bC5QaD9Iy2zffEsjVSnDE0_5qDGZfH6u5SXtmTB5pEZpsmRt9PYQROogMt4kr5mk8GK-IQ_Eby/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google
</div></div>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>
<div style="text-align:center">
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjupZ1QZp6LAaB-0qH-1w_uS_aRXjq_qeH8CkjpGoYyemsrKnLRSSMVgLvqxBXC9wet90EnHpnDAFp9Z3vG7lwVbpwvVA4XYXm6PcCUJKqHEiAQHZKXsq9Yvn6achvvjBUeTxUPPi38wbCZ/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgll2WdArmistrijG8j2oDj6f0C8skSfZMNZ-bkhh-A5ISv6Pn-viYZZ_ardl9C3J6e7xc5OtsZJhxUf0mam8pY_n_pIX_OvKnxPdcI-EpxKqUbx-AHzSRBQjFfEtQRhYC1vMeCP1Ovl2WX/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXDiAjZ8anZQaqo3TcjtcOaUJaymFTo18Iv_P6C5Y7os9ZSKnEJXbSLotYmWveWrW8McpXUZ16CUmILWlLJDq8Ge3urzkLEZV1FttVcb6seDE3BEtNPacfWY3PMw3dvBVp8bO4-I2lH7hY/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi20PjuOoz7p_MecjI72doKoyGguQQb_PAX5nYFT62XkAVCcKqPwrX441oguVkpv84C65lh_ckxnSRcuIjI3rb0TmfZ0tEjpb9AI8N4Cu0WdzZ-0_mpoAKkh70390PLsbtISeOlzomSmkf5/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGgtglAYOU10EJBGm0O5b8bLe0cKjQGxr1t699X4stiDLaWHNfJgn3raEiwZVvWbCZduxtQauqTbr5OhjA8JIcy6i3pNmG0WpidJKt0BE0wtMXDb4ILRDf3aHD7o9UpJRE3HNp1UnHm8db/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxbGlH26grTIn0ThskvFdCInrSQ7vRl_-ed-0CDfgQBc5NN6cUjSWGKvRnzClcdlsfIHxjCvYoH9NqvgHJHBNtk9zgQ0HyI2sFdLERsC5OGVYHYjUWNzVnvs7Fbvxy1RM09rxlzZML6PNc/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAnRVDYu7UMSlesvXjnj8T5CRHOq4n97ATdfILJ82hgwmK4DpgID176sW8YCbkiBI5ENC7SpEgOYpJqvWoFbMFsIXSX2eegu5YEnFQ4m55DrYLsEXmDMN60jwYPUu8T90USDUA1_8QNVPU/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpB3UxVK5qzCelgreY6HeaVSv9LRHRv_nOv1QBry2KOd9KrdxXlHW7b7Z9jsACJtmVbWSym_lpwPHZe4qKqXBgHST6zHCLwuH2yM77cHO-RUw5I1SDkMFFI3SKcDrN0qo05M4ZLAsD7fN3/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia4XhQcw1Ljbrhni02dMq8k2Uv0LqCz7LDdsGH_1Pm13WPREoB5GO-6hgyZOtgeOI9fmUqIg6q0HIevqcbXn5luVrdjyiNCnAMyy61WUEk4P8O_TmEwaHRFvGTXX5yDJmfUMdGrkeWgtzY/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiptogkvoxuk1YnKdqjWxpW_7WTo9PDDRSuW3RmGYcG8KjHwI8d4xmxCgd2Yqwm4NLjvMv9_voGEA0YhkI_TaAJMCLS21bQd6gUYrUalABmkQtBJRjyXBdeAABQzhcBNtcrw6bpKLM2-Prl/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqORE0SogQU524DbZ0zCDYqOJtmm_SgyUTjfkBeOZ-LFoDQAcnMJ1WnqBmguF3TsbITJYgcE-Cdf-4bcODLghoSdjhB5SS_eJzFgYQbKlQiL2bwtJmzNAvkhzkq2ThvJFCZ9kIW_YLLb3j/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDTXZwk4uPJLDO_iyz876M0_PQaaherIqXwAJM79GP5L89zG2RVUx-rLA0McZmQl3If9bC5QaD9Iy2zffEsjVSnDE0_5qDGZfH6u5SXtmTB5pEZpsmRt9PYQROogMt4kr5mk8GK-IQ_Eby/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google
</div></div>
1. Kalau sudah, buka kotak HTML/ javascript lalu pastekan kodenya kedalam kotak.
2. Klik Save. Selesai. Silahkan lihat hasilnya.
Jika anda merasa letaknya kurang pas dengan kolom sidebar anda. Anda bisa menyesuaikan jaraknya dengan mengganti nilai 0 pada padding-left. Semakin tinggi nilainya semakin lebar jaraknya. Dan jika anda ingin mengganti icon benderanya dengan icon lain. Silahkan ganti tulisan bewarna merah dengan alamat url icon anda