Cara Memasang Widget Google Translate Dengan Ikon Bendera di Blog

Cara Memasang Widget Google Translate Dengan Ikon Bendera di Blog silahkan ikuti langkah berikut:

Google Terjemahan (bahasa Inggris: Google Translate) adalah layanan yang disediakan oleh Google Inc. untuk menerjemahkan bagian teks atau halaman web dalam satu bahasa ke bahasa lain. (sumber: wikipedia).

Selain google translator yang standard, sobat juga bisa memasang widget google translator dengan icon bendera. Jika sobat mengklik ikon bendera, maka secara otomatis akan terbuka sebuah halaman hasil terjemahan dari halaman aslinya.

Dalam widget ini sobat bisa merubah atau menterjemahkan isi dari web anda hingga ke 16 negara (bahasa) lain. Widget ini adalah hasil rombakan dari kode google translate standard. Contohnya seperti gambar diatas.

Untuk cara memasang widget google translator ke blog sobat silahkan ikuti langkah berikut:

1. Login ke Dashboard, pilih Tata Letak => Elemen Halaman
2. Pilih Tambah Gadget
3. Pada halaman List gadget, pilih Html/Javascript
4. Pada kotak dialog berikut, merupakan tempat memasukkan kode (script) html/javascript

Catatan:

Sebaiknya skrip di bawah ini sobat copy ke notepad/wordpad, kemudian skrip dari wordpad tersebut dicopy ke widget html blog sobat , karena jika dicopy langsung dari halaman ini ke gadget html sobat , biasanya ada script dari adsense infolinks yang ikut, bisa menyebabkan script tidak berfungsi dengan sempurna.

<div style="border: 1px solid rgb(204, 204, 204); margin: 5px 0pt; padding: 10px 0px 3px; text-align: center; background-color: rgb(255, 255, 255); min-width: 235px;">
<!--GOOGLE TRANSLATE WITH FLAG ICON-->
<div style="width: auto;" align="center">
<!-- Add Indonesian to English-->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=id&ie=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="English" width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-English"/></a>
<!-- Add Indonesian to French -->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=ied&ie=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="French " width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-French "/></a>
<!-- Add Indonesian to German -->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=id&ie=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="German" width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-German"/></a>
<!-- Add Indonesian to Japanese -->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="Japanese" width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-Japanese "/></a>
<!-- Add Indonesian to Korean -->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="Korean " width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-Korean"/></a>
<!-- Add Indonesian to Chinese -->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=id&ie=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="Chinese" width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-Chinese"/></a>
<!-- Add Indonesian to Russian -->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="Russian" width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-Russian "/></a>
<!-- Add Indonesian to Spanish -->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="Spanish" width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-Spanish "/></a>
<br/>
<!-- Add Indonesian to India -->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ciw&hl=en&ie=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="India " width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-India "/></a>
<!-- Add Indonesian to Saudi Arabia -->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en&ar=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="Saudi Arabia" width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-Saudi Arabia"/></a>
<!-- Add Indonesian to Netherland-->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en&ar=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="Netherland" width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-Netherland"/></a>
<!-- Add Indonesian to Portugal -->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en&ar=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="Portugal" width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-Portugal"/></a>
<!-- Add Indonesian to Italian-->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en&ar=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="Italian" width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-Italian"/></a>
<!-- Add Indonesian to Philippines-->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ctl&hl=en&ar=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="Philippines" width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-Philippines"/></a>
<!-- Add Indonesian to Ukraina-->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cuk&hl=en&ar=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="Ukraina" width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-Ukraina"/></a>
<!-- Add Indonesian to Norwegia-->
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cno&hl=en&ar=UTF8'); return false;" title="Google-Translate"><img border="0"style="cursor: pointer;" alt="Norwegia" width="24" src="url bendera.jpg" height="24" title="Google-Translate-Indonesian-to-Norwegia"/></a>
</div>
<small>Powered by</small> <img src="http://www.google.com/ig/modules/translatemypage_content/logo.gif" align="absbottom"/><br/>
<small><a href="https://banua-ilmu.blogspot.com/2019/02/memasang-widget-google-translate-dgn-ikon-bendera-blog.html" target="_blank">Widget translator</a></small><br/>
</div>

Untuk sumber gambarnya ( yang berwarna merah ) sobat bisa cari di google. dan untuk kode bahasanya ( yang berwarna hijau ) sobat bisa klik link ini. Sekian dulu info dari saya, semoga bermanfaat. Salam Sobat Blogger Indonesia...