Kenapa saya beri judul 3 macam variasi Cara membuat google translate pada blog ? karena saya banyak sekali menemukan berbagai macam variasi google translate di dunia online. Tapi pada tulisan ini, saya hanya ingin sharing info dan cara membuat google translate pada blog hanya pada 3 macam variasi saja.

Google translate sangat lah di perlukan bagi yang hobi nge-blog karena pastinya sebuah blog yang kita rawat belum sah kalau belum dibaca oleh orang banyak, kecuali sobat betul - betul ingin membuat blog pribadi yang hanya bisa dibaca oleh sobat sendiri dan makhluk halus..hehee..
tapi bagi yang ingin bisnis atau melambungkan nama blog nya di dunia online, adalah sangat fatal sekali jika tidak menggunakan google translate pada blog baik yang secara otomatis atau pun manual seperti yang akan kita bahas cara nya pada tutorial berikut ini.

Kita langsung saja melihat dan mempraktekkan 3 variasi google translate untuk dipasang pada blog.

Pertama - tama seperti biasa sobat masuk dulu ke Blogger, lanjutkan dengan klik Rancangan => Elemen Laman => Tambah Gadget (terserah mau sobat pasang di bagian mana) => setelah kolom Tambah Gadget di klik lalu cari & pilih " HTML/JavaScript ", lalu tambahkan pada kolom plus (+). Nah silahkan sobat memasukkan kode dibawah ini, dengan pilihan yang sobat pilih salah satu dari 3 variasi tentunya.


1.Pilihan pertama: bergambar bendera

masukkan kode ini ke kolom Gadget:

<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/AVvXsEjh6KFXhyN9mouTxXEtUre2F0FVZNwFnWOXumPcKftZZc_VkQrtqtOlOxl223_KEIVb5VKjoh5TANfQWBwRBiV14X8BCW2fLD0ztuIejhJ_lIsNvA2q_RifOeYV77trK_WqdGNNVSVLLR0/?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/AVvXsEgWJKqOE0QHTsag20mM6JwxdPRGxiCwIXlEEl5WjN5fl05cb3IclgVCDh3bI7Yhy6hoXloBiwJgzh6a_xO3yE1DSaiNGYa13DIswMmgGOYotdFBeX3eQhR_ndCZsVH1itk_vgx5ETwUpmQ/?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/AVvXsEiMmkPklpeuO19kEQTQoWq2JfJXfL2N-fOKX5P85cE9Z-CPRYx4EJYyS9ErW2slPBKQ8XebM7G1bSzD24CbUzDB2rDveGVR7OBhsBYIZE9PDB7KjuZKAYwQSCGzsUiOC4N0vlriniLZcHti/?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/AVvXsEjFWrbslBZkQpHIDnqFRvNa1C5PthUx9chu_ruX3B83UZoetPV4b7aQo4XfyHWh8N1GIUemVuHw-9kuMoF1cOyi3bSEih62MQ4tWnDVsUVU9bnBeaYoAxJG8M8ri4cSXXl4pric3rkIjzwB/?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/AVvXsEjsRVuOZFwZp3ldLJ0U6cOaabdVlOSZcLgDjGxzOA8CIVx2V29CiUx8pBNwT8LGkylnyKaPwCom4-ttiUDSKhA5IXyDtnIhyphenhyphenxlv5zgucCE2rR_Kx_0QtP-MYTBTE0qQPFQ0lev359rw85o/?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/AVvXsEgwkCXRRdnEKXrfTc9sV3dW73FL5SiDCZtvIpEBCizuqnvFkm5B1QM8UreO5E0lEPdKOIBdmsESoM8QT_2z-7y7epnz96idO5Kr3OHecoICkDmO99lTNoTyORHmHajtHjuU6Hi3AhOKGKQ/?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/AVvXsEhjF1pTFZ451z6LEmN9MLDtBubH-uc_fBRhZ-88d05qsRToGVE7HaE1Dt9-bAGb6XtcPbTpk6fxmamwpa8oD3owKmtRL63-ewoHbD363N9CumAcx98XK3trmmE3KhJijibdVcDXn7eDIVA/?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/AVvXsEixCn3eNj7i6DxHN-_hZnOl2_aJOKPBNz2qTa2zvUIYidPeyviDcjBhhfvbgSWZ2vdyD2f7HTD46GvTcQLB2OYaEnQ5R4cbhJYX2b_SawKsGHfeh3Cda0PeYsqB_0kh4UBktKEDF172yT8/?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/AVvXsEiROjRM8YbCFIOinLAcU3pc6Bf44wLl3d6_RsFzYWhg-digQWqLfYqjbkeAISSXVnJgRP-gHg6w0Crkf69i4O19A57fZlzyEaBdAIlKufRwPje-W7-1YhWSnXIH_F4LkSZjMn8OGZ37kgKu/?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/AVvXsEg8XS_cQwp5uQrh3THlz2xZcRpPbugkwTLVjRKjZD_na0a4io5R7tAeU2zv2QyPEvMNstBvuMWonxaZOQTo4Y4925CmxY9SKPUd4cIo1pX9KG0W75Fuu-LU0GDHUc_5EnKsTxl0o-Ocf0s/?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/AVvXsEjl0AxAPJVM3JWngI0Qk3zRQ6bY20JtfwdgK07Cd7oze8r-ywQhtM4WUWZ4H3sgLev-eolJK2YiXeAFZxcRIvCRqhtK4NnfmPO0n4U-rbfzkCj7xQyHib2GeriPneZxFbM4Y1QQb3GFcz4/?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/AVvXsEhWg_s0NVoSY1yQ-Y9_zop_WJwx6Y_n0j33ojrsqlsoIdCWss9rPMU4VDuKo2B61hwUKqEPymerO4h0RBmGqqFvB5E1U_revtU105g7N6H8UjlviZyL1AkVFbLVbwVchTnY80nUm7FxnFs/?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.Ahmancreativ77.blogspot.com/>Ahman</a>
</div>

Ganti tulisan yang saya beri warna merah bergaris sesuai alamat blog sobat & nama yang akan dicantumkan pada bagian bawah gadget tersebut


2. Pilihan kedua: menu dropdown

masukkan kode ini ke kolom Gadget:

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>

3. Pilihan ketiga: setting di template kode HTML pada halaman pengaturan

masukkan kode dibawah, dan letakkan diatas kode ]]></b:skin> pada jendela edit template

<br />