Memasang Google Translate Dengan Gambar Bendera Pada Blog

Internet merupakan media informasi dan komunikasi sedunia. Walaupun kita mempunyai website/blog yang berbahasa Indonesia, Mungkin saja pembaca kita bukan hanya dari dalam Negeri. Orang Jepang, Inggris, Belanda, atau bahkan orang Arab. Jika web/blog kita hanya berbahasa Indonesia, maka kemungkinan orang luar yang nyasar ke blog kita akan ambil langkah seribu (kabur). Lalu bagaimana agar mereka tidak jadi kabur, bahkan mereka betah mengunjungi blog kita? Salah satu cara yang terpenting adalah mereka harus mengerti bahasa blog kita. Sebab sebagus apapun artikel kita, kalau mereka tidak mengerti bahasanya maka akan sia-sia belaka. Agar orang-orang luar negeri mengerti bahasa kita, sediakan fasilitas translate bahasa di blog kita.

Seperti yang akan saya bahas kali ini adalah memasang traslate bahasa pada sidebar blog kita. Tutorial ini saya khususkan bagi pengguna blogsot. Tapi tidak menutup kemungkinan pengguna blog/website lainpun bisa menggunakannya. Tinggal masalah peletakannya saja disesuaikan. Google sebenarnya sudah menyediakan fasilitas ini. Kali ini pun tutorial saya tak jauh sumbernya dari Google translate. Namun kali ini saya buat yang berbeda dengan modifikasi yang dilakukan oleh seorang blogger yang terkenal yaitu Kang Rohman. Fasilitas translate ini menggunakan gambar bendera dari berbagai Negara yang cukup terkenal. Memang tidak semua Negara disertakan karena akan banyak memakan tempat di blog kita. Setidaknya bisa mewakili bahasa mereka termasuk bahasa no.1 di dunia yaitu Bahasa Inggris.

Saran saya agar blog anda maksimal diterjemahlan oleh Google translae, gunakan Bahasa Indonesia yang baik dan benar sesuai EYD. Untuk memasang Google translate di blogspot sangat mudah, Caranya:

1. Login ke blogger.com dengan akun anda

2. Klik rancangan, kemudian pilih Tambah Gadget

3. Pilih HTML/JavaScript, lalu masukkan kode berikut:

<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/AVvXsEh2HTsK8lYVrIUqOst4UY5NsuOBXQH1qaUaICbLdDuBF12EW2jQP8cnVtKXEkZpRfPbBDsg4ohcKA57wQ0_ecaTWwO3NWoP5v4BRqnrIPdJbDSd9W-DRSqLsKJf5uFMubnsvEmrmlkzGQE/?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/AVvXsEiyWXk2AEqyT8zJka_-CW58Sef3UIEGQVbkUtwV5yhLLDcNKR1wwPVOpMbpKnZCUta1iTZbddTJPH6JDlIl0j0wyx0LEMp6w1yIQ6euPIo-_RbhI7VkSS8G3qglfechgjj1CnbuTXX4ggI/?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/AVvXsEgxBSoIwwlyYlBGeiG3muIj7ogCazDzYKjs5jpcfDMuajQD0SqunUbmhlC5i0YJ4tIY4QqXLK_qqHVRhoPq7bhLIw8TnkXwWIAJjy8bx9VVnjkVDnCUw7dR9_y9omHXhjIUPDD4VjM2PP4i/?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/AVvXsEj9nDisviSvm_voxiYEEamnzKv_BbQ95auorQA73NiV-9SDMk3ZYq8e2IpTcC_2rDZl_l7P61k1ObjCTQKQ23RU5ih1XWuqSfr2Gq2kA4mFkPZ8qbNNchQd-J-96LNViRjQflfj9vV-5q-9/?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/AVvXsEgmtWv29hPyqfxe2C4eIOqxsX1rxQeaMdg58K4YGoXjfyuPraeFVndD3HRbZ1Ud1tuLOmyAv_aqXJMcJ3TuVcciScom2SlaQXIRzj-FqegDIxPbZrGR1IcYv5VPddD15JuIiZhX64UQsG4/?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/AVvXsEgT6qGC0N0AkV94BSKcE8yRg7JpEMbTLczXiZIRog3y8Pjy_MdyK3DcU15nZ9DAWCOUxWkgm9Puke_Ym3TeXB_QMYj3P8i_nOmUeOXRQVlNg2alpasqLtTknKT9IQ0BUAUUcjPPCe30B2Q/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a> <br /><br /> <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/AVvXsEgv6et_8TRQd3SHqfb72gCtdpk6k3RsaLpeL38CtjuR0IKHewccFxeLVjzCQOh7pIVj5PlhAnvVmxadHY_49KrSxAtkPRnFC5J97f6m7IlnwHYr8G4f41XM4pWPYyX3PHyngarDRwx8fNM/?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/AVvXsEisFV1BtOXm4HB1ObcxsFG_uuXiw2MKDSjEMUsd8wP-MZp8hOkYqSMdTlRzy-AzrAwt9aBs0KhSsDYFJtUKIZYKG6esm-LLcRey12QvSPXJmWjLtKIKWFFitu3sErzRNlcmQV_WfDghvqs/?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/AVvXsEglBtHU7jLV4bFDZUevTj0HWogn1rKYpXYx4ln1Q_ISX00I_8m8UYkX_mtPP1OQuBXGMgM42DlOB4UtbQFpoxpsMy-en72ksDKEK35R5KuGmavf1yvZgrCO5TOEsqZLnFo_CtnqYp-6INDs/?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/AVvXsEhgSkjIPPFTTq7ic25nSwQJbU6Gftk1to5_QxWiNyQkohzzKAuH2WrV_jrR5KXoF1-N9CPp1r7IOuONYb7-zFAzHTNI0PTTk_JtN4LQ1spLOuiP_0WUpuD7_rJvWj48i3aiPS-qnKOs4Ik/?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/AVvXsEjDeqH_htKJ46rrtnSbKM64Oa85Pyas-vbyM5gQu8agDbF1W87HH30x7KYOhbpT-0jQeFLwY1FYKX1KKpFWHgNZcgKiU30biEQihwI4v-R0FdbD0kdKxEmMvaN870UWOjQ0mpazADMwcro/?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/AVvXsEjB77XMKJ27CBnBlNlnLhf19ymp39_ELBCPwHzT7ujsGGKuEpMXFqvlZqmDn_9L3LbLsVskULQO6YjUk4uqKHGoxtPhn2EnQISxAFIp3A02z1vrXg4NWrfdW8D0cch6Yrk0PNJWot_vTVE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a> </div>

Berikut tampilan kode tersebut: