Membuat Widget Translate Bendera Bulat di Blog

Widget translate adalah widget yang umumnya wajib dimiliki seorang blogger dalam membuat blognya. Hal ini dikarenakan banyaknya orang di dunia, dan bukan tidak mungkin orang luar negeri melihat artikel blog Anda. Jika mereka tidak mengerti bahasa yang kita gunakan maka rugi bukan? Ya, widget translate ini memang sangat cocok untuk blog yang ingin memiliki pengunjung dari luar negeri.

Widget translate yang sedang dibahas memuat 12 bahasa. Meskipun sampai sekarang saya sudah menonaktifkan widget translate ini, karena saya ingin fokus blogging di dalam negeri kita, Indonesia. Dengan begini, maka pengunjung blog dari negara lain dapat menikmati entri dan artikel kita bukan? Bukankah jika pengunjung dari luar negeri tersebut memberi komentar dengan bahasa mereka juga, bukankah kita dapat jadi belajar bahasa asing? 

Langkah 1: Dari dasbor, pindah ke Tata Letak. Tambahkan gadget "HTML/JavaScript.

Langkah 2: Copy kode ini di kolom konten.

<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <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/AVvXsEjONg60bT3mh2gI4txd-pRqxT_00B71qKeaqNY3Ch43OpMsAYzSQMxgUhN0c4h7FZcVTxUS0-6Njv9ugFn4DnqFgAKO9WllhHY57G-u3AS_SKkuVeH3Uq1dBFfOQqXOt7rDUHRR1RXnSmHM/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/AVvXsEjkGBPxcMgths66-Q3aNfIV4JIG5qjyIdjfOChW3D-W1PYN1gF-Sn4D7ifMTMBJaHzfbT87TUbLOjIwNJq0USqlDKS3slsXtKyFIqFmSZX97fO9ovU5HEe83AAm9v8aX03kobMTktaJiDvR/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/AVvXsEiO8kDO3kpv6-mnqf3afOjhDNfuzsaTDXMUjEj8fityC2u1Unn7pU7gsWYCh2ihaWqpnmidb3gQh0S_cDhaufKdtO0WpLOQRhSHmueeWTtfS8IVUn-jZnFRuAU5QzGerxK22Bw-DoEK6g54/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/AVvXsEhSGOsSRRx5jRLffqkx_dr6V5EcNzPrYK405heq-lnNPcfvQ9er7XL2pGl2bYHZuuPFFqO0dkQySjBxF2dZysiN9yO-DWj4nwLWiWau86kpuxwNiHQgN1HZNAzPETASQ8eQHZSyHcxfLC0-/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/AVvXsEiTm92NIsSySJ6tSi1TGYLa4KaG_QJ2omFJxWtMM0mhnTx4lLhjQ6X3FDr3YhKyZ2bV7xsl_vAy7r6R8TymK9h005xFdtbYdneJRPGJkOKydumLmMVjATXrVa4_PUiQMU4dGyJKnHqWvAm4/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/AVvXsEiZJl3OkheiMPwianVwK__-3OFhJXdAWFElJCWNWRldIn77-zrfmB-Yzuuw4zLjI_VSGM_1ZItTGkToLEBFPE_Ho2bvayZORhjo4AkxlneI3Mp4MRuOdyLt3Fq6WS35sGj9UooiDY5SW_My/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/AVvXsEiEfElUeZVmhxj1t6oj-SnR3J0fT-XccZ5X9eo9yd62JZwsSAcMVR47YTGWJJV3FramuqJoEP-v9t8jhcq36436uvPHQIbLNWR1yJvUI3B475VzpnBSKCgtOlojCLxJpHa9HCkoyxDgw0I6/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/AVvXsEjgaE_iSl2Eu6IVFyoXjx8kXnQpJ2PCUNaHnzyOMbE3xPTFtUAomewoGxO9Csk9VhwA-XNPlLd9-qsk5zHT5l8Jk7Uo9mz1VIqZmnrGp_aq_FjvGOKWg85R3PS2_nySFIJEaVv7dSbLSrfG/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/AVvXsEjG9tV5Z2WMvzre6lrgFzN6_2qR8-7IlBqq_Po8yF_J2SgZ_aGE8-0w6R5frIlymIeJKVr5vlLuNgR5y6Bg0SmWvDytsVZJC3d3SiQhVNufBSkBpGKnPOSk4rnmtG5ONY1nnATVnnZAUQJk/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/AVvXsEjM9b9iLNR8fk487tQLjA9IpV086UHBziFF-Jk7iHy9ik_5kJ-iTY2cWug6lIrz84K97Xb7yx1A2Xcd9CFmtEEhrowOnJIayrfg8IzLROuNU_nENox0PmqatBoEeR3MsTPU6N1wG3iPRNNQ/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/AVvXsEiLoG06cshqJ8RbwE9bZUZf9SqN514WwARqpJHlUjsMyfhTP5dNvRcI0eTSkGtfJpFlkB3vIDoqDy_WKa5V9JoQhwCSVdMz-4_HoDnMGxdnghinAnixT9qowa8VEpXGrqGeEmhDEu1i7BGn/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/AVvXsEjvynEpBRYGHKYm6OImssnB3O9eI8CpQRm8zPcfNyVaFC9JNwkp2W_EeI6MaN8ClIxoAUUviPVmFjj5r8irFlt_8Sq8oJV3OI26YakOc1KnBHiivpmltbbaUnvFn59FYcrmLBQcKoB3XnIl/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://afiqtutorial.blogspot.com/2014/03/membuat-widget-translate-bendera-bulat_8.html" target="_blank">Translate Widget</a> by Google </div> </div>

Langkah 3: Klik Simpan. Lihat perubahannya di blog Anda.

Jika lebar widget translate yang Anda inginkan tidak sesuai dengan selera Anda, maka coba klik menu Template >> Template >> Sesuaikan Lebar.