Sebenarnya google translate inisudah 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:
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;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBso_GehV0x4Akdg2H9CDTXpkb_CpTDqw_2w_7Sejes2jJa4d1uuSEjNxX_Vdwsqk8zve3RatqAFho9cuf8iJ0zDTnCRKcDnOo1xzn8Qx8Ajd-MlRRRivuzhjJzhmOkcn9nfSIC4RyhZih/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjidnDnUsZaJZzSGu8PnxB4BQMcso8XTqhY6IdvBae4HWsakoFrXdsReDzOrBIxQ3h-VGFqQhThmcLbZe3N07sMhBIHdq-RwzQmKa9N9HmD3CbMsKia2eDPQ-xTYvuiJ5p2vUrDzkU0IK4c/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy1uKE0cHQWCKav0UEAPllM08v_XJ_eHd3RQXWscuPOfzNtGFBqnDpfI5hHrzDklrvDTib2bYgpJgxZyNtPl-n68H8HlN6WluzRskXewmd6HqJhmMnrXSM3yU3CgPvxZiQAmpKJ2mf7_KE/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6tNA6PGH-ug-k3tBoWz6bzQ_CaAN4Fdhjo1009ydQvbmdi85pFF1jknnmRTzgRRCUf_G9nsWeYUi0AdaI8_-8wUve3UMqEv_PsXLUluKtiHwCgNXb365B6Kt_dCInA9Td6JX80A0AmcVX/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY9CuNn1aeot9mOOXelyX03gnRh2a40kzZnNYKCeYQ5Hfh6dcfPl9ujwxZoCBhhA1yMTMWr2UnXVpDe6umSIEVz34HBh8OXzScHQdextrl3S7OM_XoC814JDHV3qeTpHu4PDgBt7JVEz11/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcOjiD6xE6qFKu8ouzHlV1x_0gVeuOyn0akCDAqNMTtMzS0OZHfeGVXfHbd7LEn0p2V5rJX4XODV5dkX9atpz1DBO0oeKVq4RYszcOKpA1-JYCUwUvrPYw1_zyrmHU3uFzb046cR6FYIn1/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2joINKygpdGRkJqgRWuSAdS_se4261WaKnl5-MktqdkUh8mQv1-Fhx4hy_tN_gj5ksqk4jpYxBr_RPVATm89MxuO67yF6cRPX9CjEn_6zzrCi6PE8gyCUO5-hyIkU7WzAgpRSlS-dRqvC/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTkMoQl4H6RF1nCFz4AKrcpwPaoftdus_qeJq8sN9C6V9Ztcn6yV-0j_0RF0piBVy_XKOZ8cdnCPXXi7WizfS6HVBR5vUnxiok_PhYvVALAJmhMGmvdHS5rMtmUoBvktv0I4u-35crzDOG/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5C9n3_1zAbvtrU4c73hiHpKLc8DgVa2a-Am7OgchOgcfv8GCecpY1t5U5el8Gu_GO1XsvjzmslxijBqYTeiP_3r45XCMv5N8IHdXGE4S303Jd99wPv_opMMjqL0q0_LEfRe9DcsYGw5tX/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsU3e92R3viYgzwFtxUznRTB_e8FZKV2e0SXbCZ98mbsGB3GK_szZjHjzBogf9wDFHf0UDTPotbvsmcvRzU8ENxQFq9xkhM4fjd5MtaiAUTLido-ttQTzuZwALVrci0arYhONEpz4I3l_t/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilp-_fhU16l2IlImcnSUA9KEla0SGOHpxwkE1sD1lTjPj080mR0Q3oIlXgUrz6eSP3pGI1U6IXzGeB0EZtYsyPgwBKPHNydqrALuhedMiJntCaHM6PVFcYtq77uUlNLWfi4EusMXzDcAnm/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKzHilnnSi_ftL5AB1ZLVayeSF7Q3Ey9n89pONCQyvnkfFtcb3XSMFQ4ZI4-MQraIfOKCjmDzQbw3YqG9k1Zx5ZxHCUOUtvxZCKcQIh9xmVeD1F26ApFyR07MTcqel0IBMj46KOS2Cp7dx/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
Untuk Google Translate 3 baris. Gunakan kode dibawah ini:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBso_GehV0x4Akdg2H9CDTXpkb_CpTDqw_2w_7Sejes2jJa4d1uuSEjNxX_Vdwsqk8zve3RatqAFho9cuf8iJ0zDTnCRKcDnOo1xzn8Qx8Ajd-MlRRRivuzhjJzhmOkcn9nfSIC4RyhZih/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjidnDnUsZaJZzSGu8PnxB4BQMcso8XTqhY6IdvBae4HWsakoFrXdsReDzOrBIxQ3h-VGFqQhThmcLbZe3N07sMhBIHdq-RwzQmKa9N9HmD3CbMsKia2eDPQ-xTYvuiJ5p2vUrDzkU0IK4c/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy1uKE0cHQWCKav0UEAPllM08v_XJ_eHd3RQXWscuPOfzNtGFBqnDpfI5hHrzDklrvDTib2bYgpJgxZyNtPl-n68H8HlN6WluzRskXewmd6HqJhmMnrXSM3yU3CgPvxZiQAmpKJ2mf7_KE/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6tNA6PGH-ug-k3tBoWz6bzQ_CaAN4Fdhjo1009ydQvbmdi85pFF1jknnmRTzgRRCUf_G9nsWeYUi0AdaI8_-8wUve3UMqEv_PsXLUluKtiHwCgNXb365B6Kt_dCInA9Td6JX80A0AmcVX/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY9CuNn1aeot9mOOXelyX03gnRh2a40kzZnNYKCeYQ5Hfh6dcfPl9ujwxZoCBhhA1yMTMWr2UnXVpDe6umSIEVz34HBh8OXzScHQdextrl3S7OM_XoC814JDHV3qeTpHu4PDgBt7JVEz11/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcOjiD6xE6qFKu8ouzHlV1x_0gVeuOyn0akCDAqNMTtMzS0OZHfeGVXfHbd7LEn0p2V5rJX4XODV5dkX9atpz1DBO0oeKVq4RYszcOKpA1-JYCUwUvrPYw1_zyrmHU3uFzb046cR6FYIn1/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2joINKygpdGRkJqgRWuSAdS_se4261WaKnl5-MktqdkUh8mQv1-Fhx4hy_tN_gj5ksqk4jpYxBr_RPVATm89MxuO67yF6cRPX9CjEn_6zzrCi6PE8gyCUO5-hyIkU7WzAgpRSlS-dRqvC/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTkMoQl4H6RF1nCFz4AKrcpwPaoftdus_qeJq8sN9C6V9Ztcn6yV-0j_0RF0piBVy_XKOZ8cdnCPXXi7WizfS6HVBR5vUnxiok_PhYvVALAJmhMGmvdHS5rMtmUoBvktv0I4u-35crzDOG/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5C9n3_1zAbvtrU4c73hiHpKLc8DgVa2a-Am7OgchOgcfv8GCecpY1t5U5el8Gu_GO1XsvjzmslxijBqYTeiP_3r45XCMv5N8IHdXGE4S303Jd99wPv_opMMjqL0q0_LEfRe9DcsYGw5tX/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsU3e92R3viYgzwFtxUznRTB_e8FZKV2e0SXbCZ98mbsGB3GK_szZjHjzBogf9wDFHf0UDTPotbvsmcvRzU8ENxQFq9xkhM4fjd5MtaiAUTLido-ttQTzuZwALVrci0arYhONEpz4I3l_t/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilp-_fhU16l2IlImcnSUA9KEla0SGOHpxwkE1sD1lTjPj080mR0Q3oIlXgUrz6eSP3pGI1U6IXzGeB0EZtYsyPgwBKPHNydqrALuhedMiJntCaHM6PVFcYtq77uUlNLWfi4EusMXzDcAnm/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKzHilnnSi_ftL5AB1ZLVayeSF7Q3Ey9n89pONCQyvnkfFtcb3XSMFQ4ZI4-MQraIfOKCjmDzQbw3YqG9k1Zx5ZxHCUOUtvxZCKcQIh9xmVeD1F26ApFyR07MTcqel0IBMj46KOS2Cp7dx/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/>
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..