Memasang Widget Google Translate Pada Blog
Rabu, 16 Mei 2012
0
Comment
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/AVvXsEgedDFBraorZHNAsf9ctMBF8CcVP1cWxbfKv6pi4iVRkXClaPNk7lTT6EQ3QKwgnhEcfovaxSWKLokBjqlIfPlcNQ_yriApCxFaMK1_Z9xExwBmR4gHvsFqtBTonIWOdTEo30rAc3gDh_Z_/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/AVvXsEiqP2IChRDlGBFgNHthXsYskYa6p3TCurITZhocd7DDUED0kWmxY4-JSEFUAZec7gk6nb1rnVNMAaGe56ekXGl_Q46aPwm4V7nZpaOoJSdJSC0lovJaNW7A0pAJXseElIEFmgz5YkyD0bmv/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/AVvXsEhnlWl2_8a98nGnG6fP1708QuT-8_pRprfUVTqd8wOSClYd2gtVxAUlXialmV1UtOcrXXuMJ8PyajgasMjARJBtxIXNGr4lwlHP0YCE0hCwA2y3_wY1HxPqMo4IHmf9_5H9wrsLaZXoXYZI/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/AVvXsEjmXMr1smxi-lyIiitOZjFv4w1sF85-tYhQeDsLHLwZqVqBqXKiE0Snxs5XnPuiCA1Nf9yLo1_XhYxntpCG4xKgchVyzPDaTP01s27URsWIeuXa0rOgyVJoRIu41mEIcBg8KS5LKxOud4WS/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/AVvXsEj-Qb0nGG2yItTFayLBfbU6kbPmebUgVjkuDH8MBZqVjJQUUnQAtxOk8qKHFmrlUQ4kmdkgLwJaWoAXGFhlY7gKmpQurRrMkS_tGdRQIrPf0WjxyEVqzOpQydCSrwo-4W6vtMmfrGahSpNW/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/AVvXsEglPXXKy_X94zaI6L-IjqRq03551HZzlCj9dITvWcep5ztsbR0jIFsMFQwLhP9_dxh9sEdRWORxpZQkgKdWI6qtGOYTEp9z13Z7OAlpqIjkw8a8Y-2OIpG3OzXk3pp9ciEBt9RDvsnel-CG/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/AVvXsEhP_C-yh7BpyKu_VrzmO8wqJWdNs5vZakAdHR6xUU4h8nOz3p5qIwQnsT6Ff5I5DWjk9tH71WdxDgeLPVbqioRwTrN-FYhqI8M0IDZJynvjQ8fO-a1-MnqxzTm6uQ8u0QTKv4-1xdhB05ES/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/AVvXsEiImG4qZdKjXaa7Bp_X5B-y6C_ZtvIDc1Ah_HlV0KxOZQZGxVZKorq-KRRskV8PuisZ184P3VTBQJYzsN8UtTFtyEiibRpXjwucY1S_koEbSfmgeJoDIkFmZXN_jc-Z0VhDSG_W3Gb8gsXS/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/AVvXsEiPY9YxRGR-jyNKC_A0rPrbOmDOWIzLkhV6j4Pvihoys0jjkWgo9QywZnz7J96vnSC_lKJ1Yl67_rZHrsTIDGRSnG2_BQeUgoBoY-ngqcSvAiCWRXdvCpsfYxxYxQr61JpK5Cprfg4YAYjz/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/AVvXsEgxKIjn0pvLyPd7tVSZDg8Z8io9VPL4fSJDZW-iAcAoS_oZ94Mc4ivJqxikHtdUluOq48qseleIk-ZpKMPOXCchoP_jkHbqq87W77CmvNpKPBCN15lHt4JJ7kSTtygArVurppI81N26qSFO/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/AVvXsEhBqJqEMnM5-XrIxhMrkdeTU9j1h7AXKy0OEknuMqfSRgxpKhlulp-yaaYKCk9eD-9C2r8zMEvrrTJ8t3Zn_dbW7yiagd2D-wMxb8eDRLpStyhThtdbpEfX8UqTwtThwQ3dfZ-iGuo7BXSm/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/AVvXsEhNsOSF9OYS9VEwI0y5k3fZlD7F67MaovEWOewri2ny2RX_giDtvyefWzNAtA7CI9twFZh4jal-pi0NhtIAOEJIJ6qEYHvOeyeINtaOOoCo06nmpvZmrbXjetlsKf0B-jqfLN6sLOjXIvph/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/AVvXsEgedDFBraorZHNAsf9ctMBF8CcVP1cWxbfKv6pi4iVRkXClaPNk7lTT6EQ3QKwgnhEcfovaxSWKLokBjqlIfPlcNQ_yriApCxFaMK1_Z9xExwBmR4gHvsFqtBTonIWOdTEo30rAc3gDh_Z_/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/AVvXsEiqP2IChRDlGBFgNHthXsYskYa6p3TCurITZhocd7DDUED0kWmxY4-JSEFUAZec7gk6nb1rnVNMAaGe56ekXGl_Q46aPwm4V7nZpaOoJSdJSC0lovJaNW7A0pAJXseElIEFmgz5YkyD0bmv/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/AVvXsEhnlWl2_8a98nGnG6fP1708QuT-8_pRprfUVTqd8wOSClYd2gtVxAUlXialmV1UtOcrXXuMJ8PyajgasMjARJBtxIXNGr4lwlHP0YCE0hCwA2y3_wY1HxPqMo4IHmf9_5H9wrsLaZXoXYZI/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/AVvXsEjmXMr1smxi-lyIiitOZjFv4w1sF85-tYhQeDsLHLwZqVqBqXKiE0Snxs5XnPuiCA1Nf9yLo1_XhYxntpCG4xKgchVyzPDaTP01s27URsWIeuXa0rOgyVJoRIu41mEIcBg8KS5LKxOud4WS/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/AVvXsEj-Qb0nGG2yItTFayLBfbU6kbPmebUgVjkuDH8MBZqVjJQUUnQAtxOk8qKHFmrlUQ4kmdkgLwJaWoAXGFhlY7gKmpQurRrMkS_tGdRQIrPf0WjxyEVqzOpQydCSrwo-4W6vtMmfrGahSpNW/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/AVvXsEglPXXKy_X94zaI6L-IjqRq03551HZzlCj9dITvWcep5ztsbR0jIFsMFQwLhP9_dxh9sEdRWORxpZQkgKdWI6qtGOYTEp9z13Z7OAlpqIjkw8a8Y-2OIpG3OzXk3pp9ciEBt9RDvsnel-CG/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/AVvXsEhP_C-yh7BpyKu_VrzmO8wqJWdNs5vZakAdHR6xUU4h8nOz3p5qIwQnsT6Ff5I5DWjk9tH71WdxDgeLPVbqioRwTrN-FYhqI8M0IDZJynvjQ8fO-a1-MnqxzTm6uQ8u0QTKv4-1xdhB05ES/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/AVvXsEiImG4qZdKjXaa7Bp_X5B-y6C_ZtvIDc1Ah_HlV0KxOZQZGxVZKorq-KRRskV8PuisZ184P3VTBQJYzsN8UtTFtyEiibRpXjwucY1S_koEbSfmgeJoDIkFmZXN_jc-Z0VhDSG_W3Gb8gsXS/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/AVvXsEiPY9YxRGR-jyNKC_A0rPrbOmDOWIzLkhV6j4Pvihoys0jjkWgo9QywZnz7J96vnSC_lKJ1Yl67_rZHrsTIDGRSnG2_BQeUgoBoY-ngqcSvAiCWRXdvCpsfYxxYxQr61JpK5Cprfg4YAYjz/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/AVvXsEgxKIjn0pvLyPd7tVSZDg8Z8io9VPL4fSJDZW-iAcAoS_oZ94Mc4ivJqxikHtdUluOq48qseleIk-ZpKMPOXCchoP_jkHbqq87W77CmvNpKPBCN15lHt4JJ7kSTtygArVurppI81N26qSFO/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/AVvXsEhBqJqEMnM5-XrIxhMrkdeTU9j1h7AXKy0OEknuMqfSRgxpKhlulp-yaaYKCk9eD-9C2r8zMEvrrTJ8t3Zn_dbW7yiagd2D-wMxb8eDRLpStyhThtdbpEfX8UqTwtThwQ3dfZ-iGuo7BXSm/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/AVvXsEhNsOSF9OYS9VEwI0y5k3fZlD7F67MaovEWOewri2ny2RX_giDtvyefWzNAtA7CI9twFZh4jal-pi0NhtIAOEJIJ6qEYHvOeyeINtaOOoCo06nmpvZmrbXjetlsKf0B-jqfLN6sLOjXIvph/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/AVvXsEgedDFBraorZHNAsf9ctMBF8CcVP1cWxbfKv6pi4iVRkXClaPNk7lTT6EQ3QKwgnhEcfovaxSWKLokBjqlIfPlcNQ_yriApCxFaMK1_Z9xExwBmR4gHvsFqtBTonIWOdTEo30rAc3gDh_Z_/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/AVvXsEiqP2IChRDlGBFgNHthXsYskYa6p3TCurITZhocd7DDUED0kWmxY4-JSEFUAZec7gk6nb1rnVNMAaGe56ekXGl_Q46aPwm4V7nZpaOoJSdJSC0lovJaNW7A0pAJXseElIEFmgz5YkyD0bmv/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/AVvXsEhnlWl2_8a98nGnG6fP1708QuT-8_pRprfUVTqd8wOSClYd2gtVxAUlXialmV1UtOcrXXuMJ8PyajgasMjARJBtxIXNGr4lwlHP0YCE0hCwA2y3_wY1HxPqMo4IHmf9_5H9wrsLaZXoXYZI/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/AVvXsEjmXMr1smxi-lyIiitOZjFv4w1sF85-tYhQeDsLHLwZqVqBqXKiE0Snxs5XnPuiCA1Nf9yLo1_XhYxntpCG4xKgchVyzPDaTP01s27URsWIeuXa0rOgyVJoRIu41mEIcBg8KS5LKxOud4WS/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/AVvXsEj-Qb0nGG2yItTFayLBfbU6kbPmebUgVjkuDH8MBZqVjJQUUnQAtxOk8qKHFmrlUQ4kmdkgLwJaWoAXGFhlY7gKmpQurRrMkS_tGdRQIrPf0WjxyEVqzOpQydCSrwo-4W6vtMmfrGahSpNW/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/AVvXsEglPXXKy_X94zaI6L-IjqRq03551HZzlCj9dITvWcep5ztsbR0jIFsMFQwLhP9_dxh9sEdRWORxpZQkgKdWI6qtGOYTEp9z13Z7OAlpqIjkw8a8Y-2OIpG3OzXk3pp9ciEBt9RDvsnel-CG/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/AVvXsEhP_C-yh7BpyKu_VrzmO8wqJWdNs5vZakAdHR6xUU4h8nOz3p5qIwQnsT6Ff5I5DWjk9tH71WdxDgeLPVbqioRwTrN-FYhqI8M0IDZJynvjQ8fO-a1-MnqxzTm6uQ8u0QTKv4-1xdhB05ES/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/AVvXsEiImG4qZdKjXaa7Bp_X5B-y6C_ZtvIDc1Ah_HlV0KxOZQZGxVZKorq-KRRskV8PuisZ184P3VTBQJYzsN8UtTFtyEiibRpXjwucY1S_koEbSfmgeJoDIkFmZXN_jc-Z0VhDSG_W3Gb8gsXS/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/AVvXsEiPY9YxRGR-jyNKC_A0rPrbOmDOWIzLkhV6j4Pvihoys0jjkWgo9QywZnz7J96vnSC_lKJ1Yl67_rZHrsTIDGRSnG2_BQeUgoBoY-ngqcSvAiCWRXdvCpsfYxxYxQr61JpK5Cprfg4YAYjz/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/AVvXsEgxKIjn0pvLyPd7tVSZDg8Z8io9VPL4fSJDZW-iAcAoS_oZ94Mc4ivJqxikHtdUluOq48qseleIk-ZpKMPOXCchoP_jkHbqq87W77CmvNpKPBCN15lHt4JJ7kSTtygArVurppI81N26qSFO/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/AVvXsEhBqJqEMnM5-XrIxhMrkdeTU9j1h7AXKy0OEknuMqfSRgxpKhlulp-yaaYKCk9eD-9C2r8zMEvrrTJ8t3Zn_dbW7yiagd2D-wMxb8eDRLpStyhThtdbpEfX8UqTwtThwQ3dfZ-iGuo7BXSm/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/AVvXsEhNsOSF9OYS9VEwI0y5k3fZlD7F67MaovEWOewri2ny2RX_giDtvyefWzNAtA7CI9twFZh4jal-pi0NhtIAOEJIJ6qEYHvOeyeINtaOOoCo06nmpvZmrbXjetlsKf0B-jqfLN6sLOjXIvph/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/AVvXsEgedDFBraorZHNAsf9ctMBF8CcVP1cWxbfKv6pi4iVRkXClaPNk7lTT6EQ3QKwgnhEcfovaxSWKLokBjqlIfPlcNQ_yriApCxFaMK1_Z9xExwBmR4gHvsFqtBTonIWOdTEo30rAc3gDh_Z_/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/AVvXsEiqP2IChRDlGBFgNHthXsYskYa6p3TCurITZhocd7DDUED0kWmxY4-JSEFUAZec7gk6nb1rnVNMAaGe56ekXGl_Q46aPwm4V7nZpaOoJSdJSC0lovJaNW7A0pAJXseElIEFmgz5YkyD0bmv/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/AVvXsEhnlWl2_8a98nGnG6fP1708QuT-8_pRprfUVTqd8wOSClYd2gtVxAUlXialmV1UtOcrXXuMJ8PyajgasMjARJBtxIXNGr4lwlHP0YCE0hCwA2y3_wY1HxPqMo4IHmf9_5H9wrsLaZXoXYZI/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/AVvXsEjmXMr1smxi-lyIiitOZjFv4w1sF85-tYhQeDsLHLwZqVqBqXKiE0Snxs5XnPuiCA1Nf9yLo1_XhYxntpCG4xKgchVyzPDaTP01s27URsWIeuXa0rOgyVJoRIu41mEIcBg8KS5LKxOud4WS/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/AVvXsEj-Qb0nGG2yItTFayLBfbU6kbPmebUgVjkuDH8MBZqVjJQUUnQAtxOk8qKHFmrlUQ4kmdkgLwJaWoAXGFhlY7gKmpQurRrMkS_tGdRQIrPf0WjxyEVqzOpQydCSrwo-4W6vtMmfrGahSpNW/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/AVvXsEglPXXKy_X94zaI6L-IjqRq03551HZzlCj9dITvWcep5ztsbR0jIFsMFQwLhP9_dxh9sEdRWORxpZQkgKdWI6qtGOYTEp9z13Z7OAlpqIjkw8a8Y-2OIpG3OzXk3pp9ciEBt9RDvsnel-CG/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/AVvXsEhP_C-yh7BpyKu_VrzmO8wqJWdNs5vZakAdHR6xUU4h8nOz3p5qIwQnsT6Ff5I5DWjk9tH71WdxDgeLPVbqioRwTrN-FYhqI8M0IDZJynvjQ8fO-a1-MnqxzTm6uQ8u0QTKv4-1xdhB05ES/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/AVvXsEiImG4qZdKjXaa7Bp_X5B-y6C_ZtvIDc1Ah_HlV0KxOZQZGxVZKorq-KRRskV8PuisZ184P3VTBQJYzsN8UtTFtyEiibRpXjwucY1S_koEbSfmgeJoDIkFmZXN_jc-Z0VhDSG_W3Gb8gsXS/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/AVvXsEiPY9YxRGR-jyNKC_A0rPrbOmDOWIzLkhV6j4Pvihoys0jjkWgo9QywZnz7J96vnSC_lKJ1Yl67_rZHrsTIDGRSnG2_BQeUgoBoY-ngqcSvAiCWRXdvCpsfYxxYxQr61JpK5Cprfg4YAYjz/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/AVvXsEgxKIjn0pvLyPd7tVSZDg8Z8io9VPL4fSJDZW-iAcAoS_oZ94Mc4ivJqxikHtdUluOq48qseleIk-ZpKMPOXCchoP_jkHbqq87W77CmvNpKPBCN15lHt4JJ7kSTtygArVurppI81N26qSFO/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/AVvXsEhBqJqEMnM5-XrIxhMrkdeTU9j1h7AXKy0OEknuMqfSRgxpKhlulp-yaaYKCk9eD-9C2r8zMEvrrTJ8t3Zn_dbW7yiagd2D-wMxb8eDRLpStyhThtdbpEfX8UqTwtThwQ3dfZ-iGuo7BXSm/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/AVvXsEhNsOSF9OYS9VEwI0y5k3fZlD7F67MaovEWOewri2ny2RX_giDtvyefWzNAtA7CI9twFZh4jal-pi0NhtIAOEJIJ6qEYHvOeyeINtaOOoCo06nmpvZmrbXjetlsKf0B-jqfLN6sLOjXIvph/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.
Selamat mencoba. Semoga bermanfaat..
Categories:
blogging
0 Comment:
Posting Komentar