Cara Membuat Widget Translator

Cara Membuat Widget Translator

Kali ini Dexamaker akan share cara memasang widget transaltor pada blogger. Tujuan membuat widget ini adalah untuk menerjemahkan bahasa pada postingan kita ke bahasa lain. Langsung saja disimak cara membuat widget translator:

1. Login ke BLOGGER
2. Klik RANCANGAN kemudian pilih ELEMEN LAMAN
3. Jika sudah klik ADD GADGET
4. Masukkan KODE dibawah ini:

Spoiler:

<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/AVvXsEjZBnr5T7TFA0OOQSAn1K5PWn-CBF0cHuIYlz6jdjfDDqiC1Bbo1oXhJnBoMS_UHUfsvkYQg4vBXk9Yatwz4g49D4_ok9m66pbvzMXbXbyc_bSGhEPnmAtRkODuzdz7S7-224ud9Yrs7Gg/?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/AVvXsEjIR0FVy12P98ZhjkyaMrO7ki6Zbme7ejYRBj9DgVboY1Yy3mip1WXujgEBkR0ACYpHc23z6pNDKCPG6G636OUYuqBy6RZS2eCrEL0q4xCuB6opgG-1xqm9SHbNMaEzTjmrdCrSzgixnmY/?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/AVvXsEh8kV64PpMz7yAEeUV_r8n3Zlx7A_4hagL-lIG_LK1N4HrOf6GsGmII7vvxrMwqXyGkK0_Sv32o1xsMHv4Cqc89wNVUXpbn8V_MKJfa0bplVCjGap4R0gKmFnFGrArvczCJOrvsCKH-Auem/?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/AVvXsEgi4sbm7LUcYioWPAHigQciQSp-D2j4__Kp6jt8E7m5rosSweC5jXjG-xa-MNVhvcZp7105AspWiRFX1BzV9ZKyrZxrtEI7mOymcO6J7Q2lg1q5VJwjD6adBuBUikLxyhQ9DnYw5AJRn9-A/?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/AVvXsEjbiWH6gCBPaJgC9-2a8zc0nbE2qKP0rrhZBNHjQ3j0U3lRhA2EdMpSvCiMCIVla9AfXfMzS36uwObuPqweI4nmQLV1lOvM_vyo3zhhze9ooGgl0ZxLwv5LuzP3gqqd0M-fNug2Tuy_HxM/?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/AVvXsEhNBZ_AR27zpaAZBJjPtXpajY0YgD8FBZMK8xTr80nkZ3ulz9a73y_YS2uMOpKhFWvTuIB_MiezJgUYkraJCc_nKA8wMHb1Cgfc5K48w6s7HHX8xwPwc3KCpuLQi3fgDJJoGsV3vdqMfuE/?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/AVvXsEgFGj7dkzWyr5rB2GmYBu7uCX-60k57doMsnBiM_s02CtKtWoAxaMCOJeFEQIYfww21QyAPOADRYulov4RynLW-UxKc4mRDmWXv4jdxN3KXzKMacnePLBOC6LG-911Y80Hj5vSlQBvwnW4/?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/AVvXsEh42KMUNypJ95-jKunljZFjvrntX2_5r8AiH5bmi-9Hn4z9HD7zGC4c9mvuQuPoqDbPuBfgNbRwVsod5kdHBa9qUDBkPyHi9uktOaIHF23IWsVGjg2pkYH4cfpTYWmRCY-_LX56fijsKCI3/?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/AVvXsEgCjQ0d3m5biqIjKFDPzHiohKPVIeKA-eKRQgCG7uopL8lKAJ4xeQE1NsRMoZ8Z2pxzoCOc0YFsuWYU6StOBobnkBSW3chtaEgjq4l84N9mA2_JkZ95BSNQUe_2EV5_w_-32tD-PK15els/?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/AVvXsEgkno_Ttq7c4fJ9tCn-_JWBU9W5jUqJHi3A46rSm1oTT65bk5ny7cSX8jAa0xWe4p_9LEsKYZBfVsZ0M66oEESRlnnNI2d17WC6n1yhxKyG01LjVXTixMTkntboO9venWDHfUHF1rdCy0A/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
</div>

5. SIMPAN

Itu tadi cara membuat WIDGET TRANSLATOR, semoga bermanfaat.