0 Cara Memasang Google Translate dengan ikon Bendera di Blog

Kreativitas - Google translate merupakan salah satu translater terkemuka di web. Google sendiri telah menyediakan default widgetnya yang sangat sederhana berbentuk scroll. Banyak diantara anda pasti merasa sangat tidak stylish dengan tampilan seperti itu, tapi tenang saja, saya akan memberikan kode google translate berbentuk bendera yang stylish dan juga eye cacthing. sobat dapat melihat contohnya di bawah ini.

translate bendera

1. Seperti biasa login ke Blogger
2. Masuk ke Rancangan --> Edit Laman
3. Tambahkan Gadjet lalu pilih HTML/Javascript
4. Masukan kode berikut ini:

 <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/AVvXsEhCDihj2I9L5ucItkpvZ6U8RNgOSXiRReqS5wBxMahnkxxR6uciUR9hJHaHqmNBTkUfWVzk4Spn2mU4yj48JwKOjR97rPzUMil_4j12FFHWAHNDR7rmmbe6Vz9vZ-9S6H_j0AFGHYT6jHLa/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/AVvXsEjDS8eQZtdd5M2yhd7Gs8c2ZfZeFXMr1GgbaxaeT12IAkJ4MGbmB-zFKRUWkSaH-fV0OLC7SArNrDEqEdCSZW3zRoQxsv7ZmRYSwGYoAjdvYS3uPYzg9dZsGfUolB6HYFB6RYXvivjyt1Qx/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/AVvXsEjJPfGpLcZRSiQp8Mb4JcHVJY_CsYfAPvEZTRhnXurQzsprw03PEubcKmIWSsl9HSur-7hiHW_uBSSxctsx2_FKO5qWgjKrOJD7anVHKmdMbFDg5-cNMchxMecxDbTWUoDizZvds8HgMzBS/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/AVvXsEg7axfD8-EGR4GimRp8nfGtEutVLENoIqkXR6PzMes6w603ljq0fWvPF0MyRoiEu9nBvI6jFfkbmEVhVK0vgKkCrVKJgLvN0gAAu7jQj-zSGaObrb9Clq41RT8eJFPiyxi0KyIGFheqAwK0/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/AVvXsEjcUMLw9NMgrgfGBQshFzQxqdXVz5ZnZIA8SQJhYzXKhwZ0kWSxLILIm_pyqW6I4q7rVUL86CPUScdHxaLmE44XdJDXuSP-j0XybuP0RZPWh3elOTUvWLMhMZ-2XVBr1d5A3FAI7MpxwtxY/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/AVvXsEgXRre9v-g4O75OELa0zpquFg-uiJtpNz3jFNNefwXsIJz4PTiuwV0d_4-eBLIzVNqa4zlKBgajNxbY6en5Eyc5j6YMIU8oHYHvxjfsgd-8aLg12iRKRylm5yZ6QsPBv-3b_jU954nfzjiz/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/AVvXsEh9P_fvbqx49kHHFSv6oPrrSLx1fzNz8fgvxdkQWsTubwaHdYusSnaMAobQyVFixBMtjib0wgioI46wj2c88p6gbvLs8gZpHQy_BjqP7fiMZswv5UQjm3L9BAp6Z9xZ3oABkzIfPsAT8YRa/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/AVvXsEgFgWGjfmWffkgFvhyphenhyphenyKoYbdl7QM3G3IbiVS0xhgN4CcFxBPYwlENUclRS-4lsy4cMllO4jYBxbVYcjoayr9sDfVyDcnHg8Ytu7DdBt8Ws_BD6wxfZtDHQF4tJIbTBikj_qpzYeDOkXCuIR/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/AVvXsEgU0Ax0ERJsLKbbm3Hlx5wxdXmPKCND9wPq7SkbKFzQUNl83zUs2atdEqRC1GDqUSTrO7bD_m_wk7sB7giIu5Rhp4nMaa2ETLERERIIX4qlssz6RkCISysacu5D_mwiNTeAxB0FSFcrw82E/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/AVvXsEgJwjjMpSO5MoRjPrna5nkHGoZGtudiPEWC1u1Kd2_PwCMc4uKHm4JXKELthNFdMxHLRYKleU8nId4i4ddSbigxCAeV_wtFFQWLHSoiuQseTQMdmP5D4y_FGU2Vl6co5_cMB-qHrrAK3_Md/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/AVvXsEjBzd3XMxsKbx2uzZdRVmfSNqv_qI_4I07qwozHTZC-iytqekRYnLAdZSPV_lUZsEhbpHU_CGLVJMurQnSr6VUqciY2Pl7g0OvirrnqTMcjv8XBSfuU5FIi9oCxjmQn4KYSjDdP8ukVQTkq/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/AVvXsEg9RqPuqJ0tUkwIp8cxGAc7Hz5FLpG8-GV5NJC9j6ZSTUgKYysyLuKSHN6mjb_lLmUS6Vo6gbXwjI9njVTz2b09Z5OJKcYeHlYypA_IxnvQD8xbCJN5FcOSmcV3cpcnoVl1A9hyIeOhYiok/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://juntenxblog.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div></div>

5. Simpan/save dan lihat hasinya

Sekian infonya dan semoga bermanfaat bagi sobat..................!!!

Bagikan Artilel :

Ditulis Oleh : Unknown
AiRa LoKa Anda sedang membaca artikel Cara Memasang Google Translate dengan ikon Bendera di Blog. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Anda yang ingin menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya.

Artikel Lainya:

0 komentar: