Google Translate APIs in Blogger

Membawa oleh-oleh hack bin trick dari master JMiur and now talking about Terjemahan API Google. Berkerja berdasarkan Google Translate API, dimana selalu ada kekurangan dalam menterjemahkan kalimat yang lumayan panjang :D Tapi keuntungannya kita menterjemahkan tanpa harus meninggalkan blog kita tercinta. Mirip dengan trik sebelumnya sob Add with Custome Translate Ajax API to Your Website ;)
Karena proses yang cukup simpel, maka Koben tertarik guna berbagi dengan kalian bagaimana cara memasukan google translate API tersebut kedalam blog! Syarat pertama agar berjalan mulus hack ini, agan-agin harus memasukan script berikut diatas tag </head><script src='http://www.google.com/jsapi' type='text/javascript'></script>

Kemudian cari tagging </body> kembali sisipkan script snippet ini tepat diatasnya!

<script type='text/javascript'>
//<![CDATA[
var lenguaje = "id";
google.load("language",1);

var callback = function(result) {
if(result.translation) {
 var translateDiv = document.getElementById("translator");
 translateDiv.innerHTML=result.translation;
}
}

function traduce(traducir) {
document.getElementById("L_" + lenguaje).className = "";
var translateDiv = document.getElementById("translator");
google.language.translate(translateDiv.innerHTML,lenguaje,traducir,callback);
lenguaje = traducir;
document.getElementById("L_" + traducir).className = "translate";
}
//]]>
</script>

SAVE terlebih dahulu sampai tahap ini. Kode id berarti bahasa yang dipakai di blog kalian. Rubahlah sesuai dengan konten yg ada ;)

Lakukan Expand Widget Templates search lagi cari kode seperti:<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data: post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>Sisipkan tagging berikut...
<div id='translator'> . . . </div>
And that will be look like it<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<div id='translator'>
<data: post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>Bila ada kode yg seperti diatas setelah itu (yang kedua), maka rubah juga seperti itu. Kode ini maksudnya sob<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data: post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>Rubah menjadi<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<div id='translator'>
<data: post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>

<div>
<a href="javascript:void(0);" id="L_id" onclick="traduce('id');">Indonesia</a>
<a href="javascript:void(0);" id="L_pt" onclick="traduce('pt');">Portugis</a>
<a href="javascript:void(0);" id="L_en" onclick="traduce('en');">English</a>
<a href="javascript:void(0);" id="L_fr" onclick="traduce('fr');">Francis</a>
<a href="javascript:void(0);" id="L_it" onclick="traduce('it');">Italia</a>
<a href="javascript:void(0);" id="L_iw" onclick="traduce('iw');">Hebrew</a>
<a href="javascript:void(0);" id="L_ja" onclick="traduce('ja');">Japan</a>
<a href="javascript:void(0);" id="L_zh" onclick="traduce('zh');">China</a>
</div>SAVE.

DEMO

DEMONYA: JMiur :D
http://blo9-sp0t.blogspot.com/2011/08/simple-blogger.html << yang telah terpasang pada blog (kalo blon aku delete) :P
Karena baku yg diterjemahkan kata per kata, maka jangan heran kalau ada sedikit keanehan hasilnya yah ;)) :D Good luck \m/