Memasang Widget Translate Bendera

Kita tahu bahwa sekarang ini blog-blog banyak yang menggunakan bahasa internasional, yaitu bahasa inggris. ini bertujuan agar pengunjung blog mengerti dengan apa yang kita tulis. Seperti pengunjung dari luar negeri contohnya, amerika, brazil, spanyol, dan lain-lain. Oleh karena itu, dibutuhkan sebuah widget translator agar dapat di translate ke berbagai bahasa, seperti bahasa Inggris, Perancis, Italia, Jerman, Brazilia, Portugal, Yunani, Jepang, Cina, Korea, maupun bahasa Arab.

Pada kesempata kali ini saya akan mengajak anda untuk membuat sebuat widget translator di blog agar pengujung dari luar bisa mentranslate bahasa blog yang kita gunakan agar bisa mereka mengerti. Tutorial ini saya dapatkan di Creatingwebsite-maskolis. Baik, mari kita langsung saja praktek untuk membuatnya.

1. Login ke akun blogger anda
2. Klik tab Tata Letak
3. Selanjutnya klik tab Element
4. Lalu klik Add a Gadget
5. Setelah itu pilih HTML/JavaScript, kemudia Copy-Paste kode di bawah ini.
6. Setelah anda Copy-Paste kode di bawah ini kemudia klik Save. (jangan lupas kasih nama untuk widgetnya.) :D

Untuk Tampilahnya :

Copy Code ini :

<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/AVvXsEjuJRx1v-C6QaoAmEk2hjgJ98mC0_EBCKUL84-ok1aDxUDbF14esAZrZYFZq5FWmv3oCkbtPmQpnfM29Im2TLyDy1hy8Im9vFOeF8Wt08IF5-lqrkK2LqT4U5k2PEhZsx6MT7MaGgPa3-0/?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/AVvXsEjXXVr_8Zf2xH7v31TV0nP0x6UZ8QmDmXSWf3yBO4xY6VybA2Gl2fmStAvS0xxrPYzyFJof2tppHo20NL_OrzxJBskYz1h7-UH9IpYIt8tPrOiSln7_UAO74xhxrSt9DKG7SgMneK1ytBg/?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/AVvXsEiuF8Df9CrhBq-h4hBztDvk8PBm5wCX6fx__5KEV1Sv_i0IsfoMd2DORoEUrOhjjUnWs1qi-HHs4bffelWbJn2nWjsuU_pWFbM6LIaKSDqHS2o9gAB60p9fz3IL-OmL4qySnpRXg4Bpqj8j/?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/AVvXsEgUJ2UoUl6UjWxT-KhA3RQTDnY_i102s6MqTAOZKBshczISTns8J57wpt74FV28B_jPeLQUI9CwzGFmhXRATBdk2XI4IsViIsQdtxuGvlZmwzV4J0fczIs5jxINEfSTc7RdCwifNjKjM4Xp/?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/AVvXsEjNizqkEd0tkPw3HOfRfz5Mi1udAuCaBTq_LFT_GnuUKmDq2-PjoVkB-UVwP7dphtGnhV7JU6Ov8wSAL0QwS7g3Iddz70F3Q8UxUqIYgPaYRDEE31mTcsJD9SWCHFbvVODxUXnDqJ3-yL4/?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/AVvXsEjcp4oQh5VkAdDHijYYRg_LmU6g7RZtm87OzmZRSWP3kQWOJBQIOXAOwk6dxVJGc66fkJtQ3xNY8mDyrE7Dk10tYPq1L4z0idZrm87vYs7eqkI3B0jhyPIWxHIwUdBMTA0U4aA7T_h3rok/?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/AVvXsEjq_tt8AVoH4lVMbkwAFMrLyK1bhZyvLaWpeRURzexjc8v-hAEkPWICJNPOaZQcC3R6JeV7iytZDoCZx2QTY4YeeUVtwJEi_mK3hRKlB7DqC3UpEQFF1dkQYxcpDfN5WT5JSAzVY5KWl98/?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/AVvXsEjEVmVAj1Mnh_bL2nW7cSo823QzePfO2IjIWArtS1WZva7BM76ZCNJp0Ac9JWtfOT4rlyVxDjyM13mahJfgyid40AvjSRGxbUZsof5l7mR63B2BVM01iDj0PXbh91k8lqGh0qzm9ph45k8/?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/AVvXsEiBfebIMIAUouo1BmO789RMbY1NKGNjVDTIGI9EJCam4DtsJJkov_7riYp7dW-MjFFZrF5lF64vFfuZh9uofyXi2WAOZB14e8gHmf8qgm4sMilsJAsOD8ohiv-oe_JG5j-tXiZJ_zM1HaHJ/?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/AVvXsEhoRrZ_uxiAlg9aJ1KBn1C4GXYoSuJ61YvJw5fDaMczyVb0vwU8kw8euNZwW52wOzDheD4SAwokoefl0xrLxqVoi9WErRAcFaDD3_HFOyosCnkPqaLwKU6pyjdpji4kiRM3te39AF4vWQ8/?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/AVvXsEj5vBnzgLdzL3u1Q9AOjNolZ1ZCGRuNSnvqBA6a2IbHoZ32pi3sN5uui-NL_cBe26GmMCPeLWPkja-LkhNn7MGrFEj9EsCcbyBEd-t-YWmTxJzA5rE61L1ohrNUYp9P3aPKKwu_9RRCLUk/?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/AVvXsEhWx2aAhnEX3hOzZUfGX7cIEK38fKhf-lzeNC_AGD01DvL07BAOUtmkSMPShH3j0sSgGdjXcPyNYTt6eat96HXroNx6vFUep8Y6xKFZMU9rCBMCXyFHTDRWerDnnhg2KxC_h1oE_SAGfcM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

</div> <div style=font-size:10px;margin:8px 0px 3px 0px>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>

Widget ini bisa anda letakkan di mana saja, sesuai dengan selera anda. Semoga tutorial kali ini bermanfaat buat anda semua.