Cara Membuat Translate Bendera Di Blog ~ Bithoo

Kali ini saya akan menjelaskan cara membuat google translate bendera (flag icon) ,sebelumnya saya juga telah memposting cara membuat translate google di blog pada posting sebelumnya , fungsi dari google translate adalah untuk menerjemahkan isi dari posting blog ke bahasa pengunjung blog yang dimengerti, seperti yang ada pada bagian sidebar blog ini , untuk cara buat translate google bendera ini sangat mudah .

Cara buat Google Translate Bendera Lingkaran

Fungsi nya tetap sama untuk menerjemahkan , tapi cara buat google translet bendera ini juga bertujuan mempermanis / memperindah tampilan blog anda
tutorial nya cukup sederhana

Translate Widget by Bithoo

1. Seperti biasa bukalah Akun Blog anda kawan.
2. Masuklah ke Rancangan / Design Blog anda.
3. Pilihlah Add Widget / Tambah Gadget pada rancangan.
4. Pilih lagi Add HTML/JavaScript
5. Copylah Script berikut di bawah ini.

<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/AVvXsEgqVaA4xg_1gewe9ku1RHZfD7cQ8fqHnA1j8RAN6HLFkTah8vgWvrAqRssUq4YIv_B_VCF3f29gwMQ_u8ZJrrJg7lH63C8dl5EPhCeuJGEGOkgt1WiVRpn7GIqR8zMdYxBfXqQzAJGf-BlZ/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/AVvXsEiNkfRXTYxTuGwD6o1UI4AgthIkqqcd27cMSY_poF49zKjmSIeI8Z8MHu6SThrK-V7VWH8TuKp0gpfx9JzwVvnH_dy4BAWKjHS6kyvx8rwtYYkebnrqkERz6vW2DkkeWtpzLR0xgoXy18eU/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/AVvXsEhv51AyS3Q7oRwv37JmDazeil82osoZuiFML9sxKkH3Phu_EmR1jbE0sAlV8MiN_1DJ2oagEfXM3pPb5HENW7l1uHmxPkAjhG1_1e_dGGFzNDQunGnOWFXcTiqU2f7srXFpsK9O21gAkgtx/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/AVvXsEibZzQ6f1X36dHcEE0eZMpmflNjYh2XufeJnBBxHhHl9V-oeq4fzLbEGIcE6V2Qr18MLo10yoMxDG3GUgVKFwWBjVZD5anlO8AuRFOdl8gBzUDyOdjaat7yfss3GoilHUNOSi1TGsF2RzIR/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/AVvXsEjId4xyRqtTYt0oDwK7rUTulePQM0lXg7-yNErm7nzgVmT44zWzOc_FDY5cDT07OVmMawLzupPEQcUYJvNybLHYOJW_rfBqzDgsAZ6debckz8IrBOXK7bdcK9bJmwklFGSDk1x29ifpaxbV/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/AVvXsEha4Wf7E5T6fmZdLrbu28pHGYUt6yhRaPRKdnMy4U_mwGsr1ET1Hd_-Jwi6sebBeJWKp7b-kekujwU6gCVmbsS3xCPUnCPB8iYe-ZIj2XJ0Do_cU-tpZ8wCtlQbPzHxkcszdobGjWnCzJp2/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/AVvXsEjlJl2TPlb_LKfMFGj8INNlzB9kOdijCZCfwE0m9mAQMKWRql_ljByRHpXjoWCdo8TYWqv57oeLW5LAje4KrI9DgJbFQnjJ5ZtXsRjvAFBKpq9nkIRds7ODt4WfsbbnE0A57-Pq75Fdzu92/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/AVvXsEiEz6toNzFuBRFSTc5cRieAAE4r5mK8x7kAIv1ABuJ7HP7w6O_r4t3H3D_Mg1DM-gMxN-XNOC09lw8NYB0QWT4llVOk_SRIsGd1Z6xwJ4MyHTOdtrE8Xi9alGcPTRggJ5OUQHPJWm31L3JF/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/AVvXsEgLWEO0BIa28vyFLRDG0PnheYGK5CqkD5ErJj1R8kspiE8Qq9tWrz3gTs1FGUKiIHYQzMG1F_H9rQAWf1bnbnB03EZlwSV5VFycn44EMoUl1C_JPozhE64Dd51wJ2az5_nfWQYgM9pf1_TJ/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/AVvXsEhZQlbXq-rJmnBZz14Isq6_7zrSEvB4A3iXem10XWO_eiz9DbWjmnGGnIiLKkiquyMEgi_wjjZ2YIaMPVSQH377k4SQhGfG6bj312F9uRnFDVh6r85m_JrXwrek1trzLxcATbn2KYtRJRih/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/AVvXsEiKFWWc4KIoUAahJuVLFjeO3OOyOMCZUPpz5nbKkvs7q2FtFffS35-7IC5Egiy0dU8tSPEpiBzDdhIGwhyr5c4JUfRww5W8Z2XNJggnwXrZJGKS6FD4kQI1JBzhPT6EiED1Ytds_CdRXIUj/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/AVvXsEgyO-nkxS4awxA98vDMPHoAvslAoAnCIZjFDy03hssKyAPpXbupjAqAzdfHCqZAYDqfRi5knZx7j4YqUaW8GI8PoiZGVsIUeRk9b-fVk5lYOPROOSfz4lOkvEOFWSENQeSHDmESuXbWEASI/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://bithoo.blogspot.com" title="translate widget"/>Translate Widget</a> by Bithoo </div></div>

6. Simpat Widget dan Template Blog
7. Lihat Hasilnya.

Sangat mudah cara buat translate google bergambar bendera Lingkaran ...

Atau Kepengen Dengan Tampilan Translate Bendera Kotak...

Emmm Tampilannya seperti ini:

Nah... Kepengen Dengan Tampilan Seperti ini Yuk... kita lihat cara membuatnya:

1. Seperti biasa bukalah Akun Blog anda kawan.
2. Masuklah ke Rancangan / Design Blog anda.
3. Pilihlah Add Widget / Tambah Gadget pada rancangan.
4. Pilih lagi Add HTML/JavaScript
5. Copylah Script berikut di bawah 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="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitqyBiVFNzCFa03nH5i2UGTFhf27razpa0VpkPD8bOZu2vqSmm09zbLJncBxos_u2VEi02FALF7-lAzYl0gvr_x89TlZQvP0T-KeERofzqAfOeWSGk1q1k4oECvjGAxQAVVGNGXDHQS-E/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="English" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio9b7I8dcP23M7qiDB7JXzTIwzTcVIMlrcOKtom0g-zBoj1ydf01tMmYJpLtofT9qDY1DssCWIUBQ1eD24BFfBdjOiDTRfXcTmILc7xZpwI7Ic8RAu-Fyil7f5VvisMPR4j7G9i0xJuBE/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="French" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhbOyOBX7KLfiOYCVbVKhVRMeCABYBo-ND0fwbMQJqU3n_OFEbXMKnkB8yAAGkKskjx4FXV7v3PARzUfq8IBshTKvWVDnw2jbmJaMI7MnKroekwRkrTP1Y-rAtp8rcqFdG-PWx04fKlGoE/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="German" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSp353tHaddSrhvYxDs5K5Ha-YXV-OKE4DVxzK7NqjrDOMuFDb-h05qgSAkKkYaIVytol01NbQ6AOC7-wsUB6MwvbY9RyZYrKs-eO9O0xkmJAHKAwLTmtFa8MaljAgoLyXK2VwuXsWuIz9/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Spain" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1UIdl9E3ymqcg9vibfRZKN24DYLJdQfybkDX-RUMTmAyXqkTfFpp9smzSRycmxa8RnkrVQMZOlNW4Ps8EhdiD-P5VPzFsXx7EmPGfbBzlhCNAPu6Btnx54SlxZb3ZnM-ql5ykLqQ-ftU/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Russian" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu6XlxtPJeLOPZQor9FdAtnUSY3XZ7d-T79cn9xzgO4qlubZBHZxlbxuG32WnPXl85QfsoY2TdnmAqBmsS4pRDv3ufDPkPFr62Cz18XZt5i7yZODFVwUbQ95BiH89zfwgNHlFR2wRF-Iq7/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM7U6wkxkEtjKBWpOxJoF-vkNZPezJbQv1NIK6ltuLrB5jf0-fVbU5id0EAeHkiqqCYwJ08QrUkx5FMBq0kkFkwg6B2yynlrgU979AmDu_AD40CJ4oN0mhuAQoNp06CIWimELDvbdQLrE/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3bDCahUMBsY9S0Vu0dvkP1VHog_HSYLYCmHHG_a5JQDhaDfjrQqe4IDOP_ibnHCcuAd6HUKl8AqSY3l7Uh6ErKzBhfacj4qQHEIziXmgwBA2MaSHUGCJFAGtwk1bpXh07cDoKGA9a9BU/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" /></a></div>

6. Simpat Widget dan Template Blog
7. Lihat Hasilnya.

Gampang bukan. Yah itulah Cara Membuat Translate dengan Gambar Bendera Kotak pada Blog. Selamat mencoba.

Atau Kepengen Buat Translate Dengan Gambar Seperti ini:

Kalau kepengen tampilan translate seperti di atas yuk kita lihat caranya... emmm caranya masangnya sama sih,,, tapi gak apa lah bithoo akan ulang lagi caranya

1. Masuk ke Blogger
2. Pilih Design atau Rancangan
3. Setelah di page element > susunan elemn laman silahkan Add a Gadget > Tambah Gadget
4. Kemudian pilih HTML / JavaScript
5. Kemudian Copy Code dibawah ini :

    <div class='widget-content'>
    <div id='crosscol-wrapper' style='text-align:center'>
    <br/><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="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/UK%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/France%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Deutschland%20Germany%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Spain%20Espanya%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Italy%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Nederlands%20Netherlands%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Russia%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://lh3.googleusercontent.com/-1-vTFifnr1I/Tjk3zNil2iI/AAAAAAAAAr4/3OLyA4EOics/Portuguese%252520Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Japan%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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://lh5.googleusercontent.com/-KJ7PRXE7apg/TjkxCjzh7pI/AAAAAAAAArc/ZUoFuAx79eI/Korea%252520Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></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="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Arabia%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>

          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese" border="0" align="absbottom" title="Chinese" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/China%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>
          </div> <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div></div>
    </div>

6. Simpat Widget dan Template Blog
7. Lihat Hasilnya.

Gimana Berhasilkan Memasangnya di Blog kalian....

Klau ingin memasang Translate yang lumayan lengka di blog kamu, emmm bithoo punya nih mau...

Klau mau masang translate yang lumayan banyak translatenya dan tampilan kotak,,, yuk kita lihat caranya,,, tapi pertama-tama kita lihat bentuknya dulu yah,,, bentuknya seperti dibawah ini...

1. Masuk ke Blogger
2. Pilih Design atau Rancangan
3. Setelah di page element > susunan elemn laman silahkan Add a Gadget > Tambah Gadget
4. Kemudian pilih HTML / JavaScript
5. Kemudian Copy Code dibawah ini :

<form action="http://www.google.com/translate">
<script language="JavaScript">
<!--
document.write ("<input name=u value="+location.href+" type=hidden>")
// -->
</script>
<input value="en" name="hl" type="hidden"/>
<input value="UTF8" name="ie" type="hidden"/>
<input value="" name="langpair" type="hidden"/>
<center>
<input onclick="this.form.langpair.value=this.value" title="Chinese Simplified" value="ro|zh-CN" type="image" height="20" src="http://www.google.com/images/flags/cn_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="English" value="ro|en" type="image" height="40" src="http://www.google.com/images/flags/uk_flag.gif" width="50" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Greek" value="ro|el" type="image" height="20" src="http://www.google.com/images/flags/gr_flag.gif" width="30" name="langpair"/>
<br/>
<input onclick="this.form.langpair.value=this.value" title="Hindu" value="ro|hi" type="image" height="20" src="http://www.google.com/images/flags/in_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="German" value="ro|de" type="image" height="20" src="http://www.google.com/images/flags/de_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Dutch" value="ro|nl" type="image" height="20" src="http://www.google.com/images/flags/nl_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Russian" value="ro|ru" type="image" height="20" src="http://www.google.com/images/flags/ru_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Bulgarian" value="ro|bg" type="image" height="20" src="http://www.google.com/images/flags/bg_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Polish" value="ro|pl" type="image" height="20" src="http://www.google.com/images/flags/pl_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Czech" value="ro|cs" type="image" height="20" src="http://www.google.com/images/flags/cz_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Croatian" value="ro|hr" type="image" height="20" src="http://www.google.com/images/flags/hr_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="French" value="ro|fr" type="image" height="20" src="http://www.google.com/images/flags/fr_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Italian" value="ro|it" type="image" height="20" src="http://www.google.com/images/flags/it_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Portuguese" value="ro|pt" type="image" height="20" src="http://www.google.com/images/flags/pt_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Spanish" value="ro|es" type="image" height="20" src="http://www.google.com/images/flags/es_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Arabic" value="ro|ar" type="image" height="20" src="http://www.google.com/images/flags/sa_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Japanese" value="ro|ja" type="image" height="20" src="http://www.google.com/images/flags/ja_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Korean" value="ro|ko" type="image" height="20" src="http://www.google.com/images/flags/kr_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Chinese (traditional)" value="en|zh-TW" type="image" height="20" src="http://www.google.com/images/flags/tw_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Danish" value="ro|da" type="image" height="20" src="http://www.google.com/images/flags/dk_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Finnish" value="ro|fi" type="image" height="20" src="http://www.google.com/images/flags/fi_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Norwegian" value="ro|no" type="image" height="20" src="http://www.google.com/images/flags/no_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Swedish" value="ro|sv" type="image" height="20" src="http://www.google.com/images/flags/se_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Catalan" value="ro|ca" type="image" height="20" src="http://www.google.com/images/flags/cl_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Filipino" value="ro|tl" type="image" height="20" src="http://www.google.com/images/flags/ph_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Hebrew" value="ro|iw" type="image" height="20" src="http://www.google.com/images/flags/il_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Indonesian" value="ro|id" type="image" height="20" src="http://www.google.com/images/flags/id_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Latvian" value="ro|lv" type="image" height="20" src="http://www.google.com/images/flags/lv_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Lithuanian" value="ro|lt" type="image" height="20" src="http://www.google.com/images/flags/lt_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Serbian" value="ro|sr" type="image" height="20" src="http://www.google.com/images/flags/rs_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Slovak" value="ro|sk" type="image" height="20" src="http://www.google.com/images/flags/sk_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Slovenian" value="ro|sl" type="image" height="20" src="http://www.google.com/images/flags/si_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Ukrainian" value="ro|uk" type="image" height="20" src="http://www.google.com/images/flags/ua_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Vietnamese" value="ro|vi" type="image" height="20" src="http://www.google.com/images/flags/vn_flag.gif" width="30" name="langpair2"/>
<h6>Widget By <u><a href='http://bithoo.blogspot.com/'>Bithoo</a></u></h6>
</center>
</form>

6. Simpat Widget dan Template Blog
7. Lihat Hasilnya.

Klau tertarik masang aja yah di Blog kalian....

Nah ada yang menarik nih....!!!! emmmm kasih tau gak yah... hehehehe.... nih ada lagi nih translate Bendera yang dapat bergerak,,, wow... tertarik, klau tertarik yuk kita lihat cara buatnya, tapi kita lihat dulu tampilannya agar tidak kecewa heheheh,,, tapi pasti deh klau dah liat gak bakal kecewa.

Translate Widget by Bithoo

Wow.... Gimana bagus gak... hehehehe pengen masang di blog kalian yuk sekarang kita lihat cara masukin di blog kalian....

1. Masuk ke Blogger
2. Pilih Design atau Rancangan
3. Setelah di page element > susunan elemn laman silahkan Add a Gadget > Tambah Gadget
4. Kemudian pilih HTML / JavaScript
5. Kemudian Copy Code dibawah ini :

    <center><a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="English"><img alt="English" src="http://a.imageshack.us/img835/6766/inggris.gif" style="cursor: pointer;" title="English" align="absbottom" border="0" height="20"></a>  
      
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="French"><img alt="French" src="http://a.imageshack.us/img697/8801/francis.gif" style="cursor: pointer;" title="French" align="absbottom" border="0" height="20"></a>  
      
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="German"><img alt="German" borde="0" src="http://a.imageshack.us/img84/7864/jerman.gif" style="cursor: pointer;" title="German" align="absbottom" height="20"></a>  
      
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Spain"><img alt="Spain" src="http://a.imageshack.us/img294/6256/spnyol.gif" style="cursor: pointer;" title="Spain" align="absbottom" border="0" height="20"></a>  
      
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Italian"><img alt="Italian" src="http://a.imageshack.us/img32/6484/italiab.gif" style="cursor: pointer;" title="Italian" align="absbottom" border="0" height="20"></a>  
      
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Dutch"><img alt="Dutch" src="http://a.imageshack.us/img64/8434/belanda.gif" style="cursor: pointer;" title="Dutch" align="absbottom" border="0" height="20"></a>  
      
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Russian"><img alt="Russian" src="http://a.imageshack.us/img715/4272/rusia.gif" style="cursor: pointer;" title="Russian" align="absbottom" border="0" height="20"></a>  
      
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Portuguese"><img alt="Portuguese" src="http://a.imageshack.us/img816/6505/brazilia.gif" style="cursor: pointer;" title="Portuguese" align="absbottom" border="0" height="20"></a>  
      
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Japanese"><img alt="Japanese" src="http://a.imageshack.us/img691/674/jepang.gif" style="cursor: pointer;" title="Japanese" align="absbottom" border="0" height="20"></a>  
      
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Korean"><img alt="Korean" src="http://a.imageshack.us/img683/4231/koreautara.gif" style="cursor: pointer;" title="Korean" align="absbottom" border="0" height="20"></a>  
      
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Arabic"><img alt="Arabic" src="http://img268.imageshack.us/img268/3818/saudiarabiab.gif" style="cursor: pointer;" title="Arabic" align="absbottom" border="0" height="20"></a>  
      
    <a href="" rel="nofollow" simplified"="" style="cursor: pointer;" target="_blank" title3d"chinese=""><img alt="Chinese Simplified" src="http://a.imageshack.us/img176/776/cina.gif" style="cursor: pointer;" title="Chinese Simplified" align="absbottom" border="0" height="20"></a></center> <div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://bithoo.blogspot.com/" title="Translate widget">Translate Widget</a> by Bithoo </div>

6. Simpat Widget dan Template Blog
7. Lihat Hasilnya.

Nah Gimana Tinggal milih aja nih tampilan mana kalian suka... sekian dulu yah postingan Cara Membuat Taranslate Bendera Di Blog,,, Semoga ini dapat bermanfaat dan dapat mempercantik blog kalian.

Salam Bithoo,,, jangan lupa baca postingan yang lain yah. Jangan Bosan-Bosan loh berkunjung ke Bithoo lagi.