Kamis, 26 April 2012

Cara Menambah Google Translate Pada Blog Wordpress


Tips cara memasang Google Translate pada Blog, untuk menterjemahkan tulisan anda ke bahasa lain sesuai pilihan bahasa, Google Translate yang anda pasang di Blog, sehingga pembaca dapat menterjemahkan artikel anda ke bahasa lain. Memasang atau menambah Google Translate pada Blog terdapat banyak pilihan bahasa yang bisa anda pilih. Nah, bagaimana cara memasang atau menambah Google Translate pada Blog berikut tips cara memasang atau menambah Google Translate pada Blog. 



Cara pasang Google Translate di Blogger:
- Masuk ke dashboard Blog Anda.
- Pilih Design / Tata letak, lalu pilih > Tambah gadget > lalu pilih > Javascript/HTML
- Kopy paste kode dibawah ini ke kotak konten.


<div class="widget-content">
<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>
<center>
<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://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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/AVvXsEj1yca9AvC7jDiGHZF1URJjPC2yRIkpXSEcKEmFGhq_SEtYw0Inh4-0CZD-gMuVrR6FU0iyhlFF6k-9WfH7JX0Z9LvZ8R_zplXPAUqQzzSLhf6VhT1qwRKwbc7UAJ3aSLlXFQcttNkEO4-2/?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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/AVvXsEhjIPPZ-AYBcPgLi1fmJ7KpMFE6mk08iQ2yLSs-ZY_gk8ugA29emz5TSY4qfJwVUFezLZ45bnJOcrhmD9iBo8xNsnLwRgIdVdLfi9rE59Z68T-P0oiOJCp1oEzPHwuE21mM_Aa-tRzvWuFD/?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<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://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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/AVvXsEhv26JtM_6Jwhso51VCs3r9fCn2g5WkaZdRQf7wtyVe8xEZRukB90EHRLaZGeH-INO46iYC74FFLfTZy0pNV3G5tLmrNIXkVEF08XWM6aNF0u-WJootg219qAHg2KhT4VIbajvq9wxLKQfL/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.oogle.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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24"/></a><br/>

</center>
</div>
</div>
 




- Klik > Simpan/Save.



Cara memasang Google Translate pada Blog Wordpress

- Cari gambar bendera negara yang akan dipilih, lalu upload gambar tersebut pada media blog wordpress. URL gambar ini akan ditambahkan pada kode script widget google translate nantinya.
- Masuk ke alamat ini http://translate.google.co.id/
- Perhatikan pada kotak terjemahan. Di kotak inilah anda memasukkan URL blog wordpress anda.       
- Pilih bahasa yang ingin dipasang (lihat diatas kotak terjemahan ada pilihan bahasa dari bahasa yang anda gunakan untuk di translate ke bahasa yang anda pilih)
- Klik pada kotak terjemahkan
- Lalu lihat pada kotak broser diatas. Kopy URL alamat google tranlate yang muncul dan simpan di notepad.
- Anda harus menggabungkan URL gambar dengan URL google translate yang anda kopi tadi.


Lihat Contoh ini

    <a href=”http://translate.google.co.id/translate?hl=id&sl=id&tl=en&u=http%3A%2F%2Fnewbeingetop.wordpress.com%2F“><img title=”english” src=”http://newbeingetop.files.wordpress.com/2012/04/english.png” alt=”rajacolek” />


keterangan
- kode warna merah: URL google translate yang sudah anda buat
- kode warna kuning: URL gambar yang di upload tadi.
- kode warna biru: Kode bahasa yang anda pilih



Anda juga bisa langsung gunakan kode dibawah ini.

Bahasa Indonesia Ke Inggris :

    <a href="http://translate.google.com/translate?hl=id&amp;langpair=id|en&amp;u=http://bootingskoblog.wordpress.com/"> <img src="http://bootingskoblog.files.wordpress.com/2009/01/inggris.jpg" title="English"></a>

Bahasa Indonesia Ke Cina :

    <a href="http://translate.google.com/translate?hl=id&amp;langpair=id|zh-CN&amp;u=http://bootingskoblog.wordpress.com/"> <img src="http://bootingskoblog.files.wordpress.com/2009/01/cina1.jpg" title="Chinese"></a>

Bahasa Indonesia Ke Korea :

    <a href="http://translate.google.com/translate?hl=id&amp;langpair=id|ko&amp;u=http://bootingskoblog.wordpress.com/"> <img src="http://bootingskoblog.files.wordpress.com/2009/01/korea1.jpg" title="Korean"></a>

Bahasa Indonesia Ke Jerman :

    <a href="http://translate.google.com/translate?hl=id&amp;langpair=id|de&amp;u=http://bootingskoblog.wordpress.com/"> <img src="http://bootingskoblog.files.wordpress.com/2009/01/jerman.jpg" title="Germany"></a>

Bahasa Indonesia Ke Perancis :

    <a href="http://translate.google.com/translate?hl=id&amp;langpair=id|fr&amp;u=http://bootingskoblog.wordpress.com/"> <img src="http://bootingskoblog.files.wordpress.com/2009/01/prancis.jpg" title="France"></a>

Bahasa Indonesia Ke Jepang :

    <a href="http://translate.google.com/translate?hl=id&amp;langpair=id|ja&amp;u=http://bootingskoblog.wordpress.com/"> <img src="http://bootingskoblog.files.wordpress.com/2009/01/jepang.jpg" title="Japanese"></a>

Silahkan ganti code warna hijau dengan alamat blog punya anda. Sekian info cara memasang Google Translate pada Blog.

Tidak ada komentar: