Menambah Translator di Blog

 

Banyak dari teman-teman yang ingin menambahkan translator pada blognya, katanya sih biar beragam negaranya karena ada bendera-benderanya...hahaha# kampanye kali apa ya ?? :D

Nah dari itu, gue mau posting tentang bagaimana caranya menambahkan translator pada blog.

Caranya begini :

1. Log in kedalam Blogger Anda

2. Klik Layout > Page Element > Add Gadget > Add HTML / Javascript

3. Copykan kode dibawah ini :

<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/AVvXsEjsSX0zmp51t4QT9wv7kKNTpQgAgpA23aLVPSVxuhjoMh6yfCbHy714M4-CuTn1jkoUIT35GBvsDAen1xfoxX18CNCeeMDQqJWWoVcK-yPHYkTomtXlRsB9laVY55B052eAsbLDmUgKHHk/?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/AVvXsEhOw5qtVwaCxokKxltBLPpXv0l2rcHoKnr3GdFXBNEqUQkI2IExnGhrscU_5Vs7g5sGN0qomyxsXubymRTcrnkeUAEZgtI31iRsLV-VGyT-9wA-AJQS5j5GdKWUyv4qGVRj9otUYKKF8Gw/?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/AVvXsEiuWaZ6KyXODHVA2-QVWEWbRq_wrZJ6ohVYfaux2afGdeCxaaAJjb_CM9Q_6g6vp7bYOA2hcvxC-8K_7G-7wOMhLNqTc5kAqLFTPWEBBEfys_tjNZo_RjkPASc3E9joGtvhf1Jkx_WdNgK2/?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/AVvXsEjzMD8JUbFgwQ2rf1yRj3OJlARcIBgVN2sfVNdsw4JE401ApARwIseMOaq4zn0VRR6EnExTzPwsbLedZiyKpZbUuBOl5vah3nKyT5RujHwdMFnskkF_Bkv-LFq_88HHUpazE-k7j8To2DN9/?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/AVvXsEgzuE78VAMZmYYHsWwIzrc5e-ew2j09WInIA9_xGqXIIQdg8jU11Hq6EekynHFLHLZ0ISgD-oy9lSGqFBVqBROSxvSWoWMHbCXU8iyoqg0ZJ7Jc3tD6M-a1Y5O2KuqW6c2rdVBai5LpT2I/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt80jNfy7L7bLabTF5XJH50qAU9eR6X8iXXoU185b7KfIZpKydNOBgB5nAl6FkjQCBhSZtt6DPlHJF3LSBawAk1ryqaYadnyTu6ph-M7SkQa7Lq06janWBZQnIktFCjLtfxQ4rAxsDhaU/?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/AVvXsEj85BdOjssvsXbRvQ9ckInzdA5tKA_ULCsUZ-Nbul407JBl1wFHIh53HV1oLdZ3kuT1e60nsufoP0DC2u8FrDhwmdyxcMl10yMavrRpjDQTMKWLGeTV3bMcN2i_vNXvUuhn0Ir7n_chGVc/?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/AVvXsEiFFfjIeIoIeLNCg0vpuFcXINr5rEzvHU_oNyFYAFWfMZi7pp5HdQE7Mb-bOY5Y3nepxgwMZbcR8RoP_6IBmk8N8KhnFLyfw2rqKrJGdAfHAaENf38eYHrIaZoWO1pepyFk7IpD8-gZHDA/?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/AVvXsEgvOqUJkaLPttOM5Yn4YU8j_idI6DY-2a-0gU7jckre36y3yDqNzU4dcpWt7goaKqvqjz1laOASBFLaHozVUSzrHhXDPrBasoAT5dycdfCgiHE4wJkm6c83I1LSkEUwB2K9O08QaxDWgqO2/?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/AVvXsEi9I5KiSoFzVlhtq_rAsZvPoK3uIy_9If7ZiZ0XnJfuyv7pjUjTchYwnozjqx2nIbOf9o9gkMG0uVoJn3WrKr70wFEczoOImZC4L26bCjZlkbC2wVLdTUDMtCYrHL-bgbez-FFZIAOgzwc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim-HVaL8UbQbaHQZG7FS4CoZbJHbREquTaagTkZ-VcE9Gs7P3FPLtKSt74DsXzNcHNuf_4B76437g5cpNymlT6SgcbeOgtVkcLgEVNDg_I2enHmHV7mHAz9OzRJKWO9ImVJT8Qux1JRQg/?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/AVvXsEja5ZdI-jB_s79pY3f-2_YWtRma3D9rYZUYq66w46kvYs2xausVwN2vSpjAuxmCpf2Rjs9Of8fb7VxEUH1YsL26qswkHRLIaUgpY8p43Z63vcGRyCmGgcCtJAxfGlpFiz37U1VVLEyRDpE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=âfont-size:10px;margin:8px 0px 3px 0pxâ></div>

4. Simpan dan lihat hasilnya

5. Kode ini hanya dapat berjalan di Blogger bukan untuk WordPress

6. Selamat mencoba ya!!