Friday, April 8, 2011

3 macam variasi Cara membuat google translate pada blog

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/AVvXsEi9QsuhmDyUoe1Ba4uek-ufp-cXFYT8LCBtjKl7rR6_s-Efrqkuc_ppg2EFG-vBxQ7-LEBOHSPtIXH4XGc0KTuM5NiKPfp1s5cpBI2Spnm-alzVtInCe4ZEcQpcW43zJAe4FumuD-y3F_g/?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/AVvXsEhVs5KeNJMaQ9GReAVLXWLvNG2ITcqjaLSyhep4e6AiByC0NELtoObP2y6_DpYFUBQdRK4EwaAELoqWhoHo_6jjSigk0g6s6aI2kysglxKASOgBag56mybhGVx9ZRK1_MDA7_ln0UEIHno/?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/AVvXsEhslptjXaqgw2uFCbjUui3dWTdLxaOUFVV6VNlAzFlI3S1u8TSxqw-WgMkKge7xm8DtF83gsNh_zVBbTq7C4QtpPdJEU62q6E5O0uZmXrRYzkDIWtvvzpTvM3AYYpr8zq3tNKj75_JpGcqf/?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/AVvXsEjoNeePgXLcgqhjrL5Q_WCll2QLOKbEfa-bzipRG2tPIe-DKk4hnwgnP4wHyBMVLb57E_Saqs63-xr8jSvOg2jlVksN5AoPJ598klpvIyM0jlHNla_If9oBORw3BzxlNP5ilgz-Gq9NwNhf/?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/AVvXsEiAQBU4bTGaMTw7a3A2VvwIRWI7exqV94Vz39exBnYjiyBWNwPrYhYRRttIatnGO4-Z4gorb7OaX8IPTyYNxZhHyKfEwxanomObEHubcdDoe3l2zuf72fikIvNto8WVnFMYaX8lBDiWsrY/?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/AVvXsEhXNGUAOv3dq2LMwcLw-AnQkGvJjLUU_KeutETPodTrjEjtHe_3MzfuVfKRgZsYz7RyhgUD0yVq_uOQ2Q-PvGIr_7p-_vajyxBHin7eoPt3VNNtrWQ1qA6-2w6YMzs-jUPw5zfw3EAlqKk/?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/AVvXsEjvOwh5Og3mTwiH1HNI4hibQyddXRWN9c_GoafVruCjdWUIHcI3vpGrZl9m9lcP9UzT72G0rQfweIi2VlaJ_rGGMDni690yFoFWWUXQZ0zl1MwIIuU_wRwhDQXNh9OkBfZOcb_dV7-4ggA/?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/AVvXsEgyGxTLSbr1et5FY-qR14xfcPn1JDndPXakJTzRtyHVxE1uOed_sfSMmZW-eMRnpXNBsE175eQpbEeoAHuziiEklXsvNiq0fCfYEVXY3HyyyK0_yT4FkWE6raaZ9Ef5aMphx5UtzqQ1-i4/?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/AVvXsEhnzqk405aaAkaT4zmk24UECcV7x-S-3I2t2NFukbt16SFPdACQpVttns8ojYe5iF90SoH3f0G1NeUBtmB1OCJgK7WHFxx0Gk3Pz9bQMavz6iRoUATywWLgmwgu6RqhEaQ7Rdnz0kc080yR/?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/AVvXsEieKWRr35t5R8kycfvLGk8-7U9TGPjrF948h0CkUboZTVoXzkA-xz6-zIjyZeFGSJsAbb_SeM0r4B3XYbEshmNLJ_tIphaC_5Ootr5RU3F3GCZDfYy39wrEmU79dqvzcmwPdjUfRALSgYg/?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/AVvXsEgtcfuLy3B2UuqVoba9z1evI0jOcBezCgj8EbqWO57N0eUwlhMlGmXmQm-yy3PYiFX1L8hCi2k7C1sQDI6qLjK4DUA_YiPbNttRO0jAvWmfhPYE28Vic3ahOTfs_ESj7UPWkq5uRB94v_I/?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/AVvXsEjLoPoAxkCEjidGlEu7gpVHki-5b6xvRdRUrdF24soGC4j1RT_ZP4B3PpaS0w-JvVdUZ9gFMTuaSNwbQcllHcaF7e3izJzj75uNgJJsMRH83vUJstiA6E5oE-YkHqE77U_yHkxRUCb9Xd4/?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.martajasa.com/>Armynd</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 />
.FS_translate img {filter:alpha(opacity=50);-moz-opacity: 0.70;opacity: 0.70;border:0; margin:1px;}<br />
.FS_translate:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;border:1px solid #000000; margin:0;}<br />




 Caution
Bagi sobat yang kurang puas dengan tutorial yang sudah saya sharing-kan diatas, silahkan membaca posting saya yang berjudul  Cara membuat Translate blog rekomendasi Google untuk mendapatkan tutorial cara memasang 3 variasi yang lain lagi dari google translate langsung dari pusat web nya.

Sekian sharing dari saya tentang 3 macam variasi Cara membuat google translate pada blog, semoga apa yang saya berikan bermanfaat buat sobat sekalian.


                                                   SELAMAT NGE-BLOG

9 comments:

  1. Terimakasih codenya...bagi pemula ini sebuah hal luar biasa...nice blog bro...

    ReplyDelete
  2. @Humanitarian Fund sama2 mas, saya juga msh belajar kok. thx.. :)

    ReplyDelete
  3. makasih ilmunya bos.kapan2 mampir keblog ane

    ReplyDelete
  4. @Bayuarjun sm2. sip, saya udh mampir. n kalau bisa blog nya di bikin agak ringan mas, biar saya bisa liar berkomentar disana. hehee...

    ReplyDelete
  5. matur nuwun boss.......ni blog perdanaku : mundakjayacyber.blogspot.com, maklum masih pemula.....

    ReplyDelete
  6. Bocah Badak: mangga boss. komentnya lgsg promo...hihii...

    ReplyDelete
  7. wah punya saya kemari kuarang nuw gan,heheheh

    ReplyDelete