Cara Membuat Widget Translate pada Blog

Pada postingan kali ini saya akan membahas mengenai cara memasang widget Translate Flag Google pada blog.
widget ini berfungsi untuk memudahkan pembaca dari luar negri(berbahasa asing) untuk memahami isi blog kita.

Sebenarnya saya sudah mempunyainya sejak dulu, tetapi karena lupa tidak dipostkan jadi saya akan mempostkannya sekarang.

Caranya adalah :
1. Seperti biasa Login ke admin area terlebih dahulu
2. Masuk ke Rancangan lalu pilihTambah GadGet

3. Pilih HTML/JavaScript

4. Masukan Kode :

<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/AVvXsEi84OEIP9qjXkP0gV8EZnYf1-v98vMnNcDwHZqpWhznN6RZqvwHaVbZL0nxgwPS1LeOULiTB39Db5fF5N8-W_aIagM7NWig3pwBxKdpGMm0dfhEi2B8D7s4mbRXavyIwGvcRiBmw7CrTVs/?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/AVvXsEj1Kn6k1PgPVWx9zFqFREDjkSMJev85riFJleI6eUgdIFU9EPtQH2FDBsr4kh5bT6UyMlt6T9AsDqJoOcb3hgQiWkOc7q2BHCYGtKpxc051EjA5Mmq0J__E8neOvoQhKDswFjQSjS-F_Gc/?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/AVvXsEgteRUDF_QNKRJcnrVQf7ANe5twL99wnvPPgLbdRtGEeowTI2NfVTOKIiXaHwD6L-y-WICHrxPBZeR6sjhIwksbE2afcdtmkSG8Pn8vI7N6B_Tjs7b0p75JubXFFv6zWFe-jaY7-s5NZn_V/?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/AVvXsEgl0guLtsETLyh0sm4autU10mg_jyvFgs9sVVg926UGFvXnchNh0p4c5vwebw-BRnFuZvU_oY_xjHyMciFaB5YIG_NeS3YvpPBQOcbRkbyBX5WRen0GRls57naFGVzG17HfF414_vQ6h3hD/?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/AVvXsEgqeDR4OQlfqBnADQghS1cGJVKrlLM8gg_1Wl95zwf76g_hIEHudMS8vEsSF2i4hfJHma12Xc-JX4e2-SjOcfR1E-6WNCF8HlvRDkTn0ORBZ6z1hVZhN4_wGMY_nPjRPWtHaOOmsyIOAFQ/?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/AVvXsEgNVOhJ9wF2OQvifUddhy8Fsaiuy8Cobpgk3cfMn1eDp6s5u8w_bx45sUxrLwVxEbb00Dpx7F5jzhcY1jjnYzcd8Kh6d0Qh5W72TEIXF7Ofo1m6ovzSKGevG6M4Bcq4MqAU7fbBjEPOOaw/?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/AVvXsEhjBSUWuhX1YMyB3wXkJJ0RkyGx-DDfknY65chDJ9JobMK10SXgH8OogiuYNdlOcr-xnlkeF-_etXdEoErgCmRqgrmoURpICcEevOzOeGU5yTsuppmFF_jXxe4RVYz8OhlVp50XTcez_Ng/?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/AVvXsEiSb6GrD1RfSlq9cQue-bbwFeXWetmrXGHFVO3AEYjDJ4Gh3d-ygPPSbUgABdwNGjzblcN8tvZ9-WPcVmZDgalpbofUMXsZIfsb81So3JKi5nOCRL5IMr6nkBYRfUOSEBiReTGW7Q0ElzE/?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/AVvXsEirkLPeaOnCtBnJKcs7uqYBJfEH8X2zGMW594O1Hb2CrD66yYJRPIpBoZpopoL4I5jWJZBcjLi0RrDvhjhvKlb0yMjotuu4o1YRMUTnFwfxbWDKcVEvQvsfi7uukinoQFXLuXMu12GaWXLH/?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/AVvXsEiMmBTc77Cddfd6pVlPr7dpUF7kyX9VUJngK1yCD6PY2v3ZUxyVG4HFjKPHHLN_CtrmY1m8CVUo0aKFHVJwcNO1tob0mxP6-p5g-FRzCs2YhdUNM9PON4xPbKNv2SPcRfnlazx4IzNshQs/?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/AVvXsEjxkEjEj2n5ZFs1J1-oLoprZK6t-IimdwrbT7gX1RQEqi9UD7i6OMpF7hTYXAz37u0afqaRMfRv1hVOKyRU5ssO7h6d_Fx7M5ILAQMiNu643e23kJZWIRuf_PICWbXFeL76bo7sja6ua6I/?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/AVvXsEg2N5tlTefS90ZYZ92nkDCKGfSQJmJmR52JeoivVfAVMpj-6wn61dvmPUuFCVJWPVbZgfqTMIMM463-g8RI9bBXU_Ykdf5PPueMsudvdo2wgZ3wMzcSsocKkz7pcOuKAJKYQ2ZBtXiiIIc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a> </div><div 0px 0px” style="”font-size:10px;margin:8px" 3px> </div>

Maka tampilannya akan Seperti ini :