Translation Widget

Sebuah blog akan dinikmati oleh para pengunjung apabila dalam blog tersebut ada fasilitas penerjemah yaitu "Translation Widget". Widget ini sangat up-to-date dengan jumlah bahasa yang tersedia, menurut Google Translate (FAQ)

Translation Widget ini adalah karya dari HOCTRO, saya hanya mencoba mengulasnya dalam bahasa Indonesia dengan harapan dapat dinikmati oleh para blogger Indonesia.

Translation Widget ini tidak menggunakan kode JavaScript, namun ia menterjemahkan semua posting (bukan hanya situs Anda), Anda akan melihat ke target bahasa terpilih.

Kita sangat berharap bahwa blog kita akan semakin populer karena dapat dinikmati oleh para pengunjung dengan bahasa selain Indonesia, diharapkan juga akan memiliki lebih banyak traffic juga, setelah memasang Translation Widget ini.

Untuk memasang kode Translation Widget ini, silahkan anda masuk pada Blogger, kemudian pada "Layout/tata letak" pilih "Edit HTML", jangan centang "Expand Template Widget".

Cari kode : <b:section class='......' id='........' preferred='yes'>
kemudian pasang kode berikut dibawah kode diatas. ( tanda .... bisa "sidebar","footer" tergantung dimana anda menambahkan kode Translation Widget). Kemudian, setelah kode Translation Widget diterima, sangat mudah bagi kita untuk menempatkan pada posisi yang tepat dengan menarik secara visual widget dari satu tempat ke tempat lain, lihat di "Elemen Halaman" .

Berikut kode Translation Widget yang dipasang.

<b:widget id='HTML200' locked='false' title='Translate to your Language' type='HTML'>
<b:includable id='main'>
<!-- Translation Widget by Hoctro - 10/2008 - This note must not be deleted -->
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<form action='http://translate.google.com/translate_c?'>
<table id='webtb'>
<tr><td> <select name='tl' style='width: 8em;'>
<option value='ar'>Arabic</option>
<option value='bg'>Bulgarian</option>
<option value='ca'>Catalan</option>
<option value='zh-cn'>Chinese (Simplified)</option>
<option value='zh-tw'>Chinese (Traditional)</option>
<option value='hr'>Croatian</option>
<option value='cs'>Czech</option>
<option value='da'>Danish</option>
<option value='nl'>Dutch</option>
<option value='en'>English</option>
<option value='tl'>Filipino</option>
<option value='fi'>Finnish</option>
<option value='fr'>French</option>
<option value='de'>German</option>
<option value='el'>Greek</option>
<option value='iw'>Hebrew</option>
<option value='hi'>Hindi</option>
<option value='id'>Indonesian</option>
<option value='it'>Italian</option>
<option value='ja'>Japanese</option>
<option value='ko'>Korean</option>
<option value='lv'>Latvian</option>
<option value='lt'>Lithuanian</option>
<option value='no'>Norwegian</option>
<option value='pl'>Polish</option>
<option value='pt'>Portuguese</option>
<option value='ro'>Romanian</option>
<option value='ru'>Russian</option>
<option value='sr'>Serbian</option>
<option value='sk'>Slovak</option>
<option value='sl'>Slovenian</option>
<option value='es'>Spanish</option>
<option value='sv'>Swedish</option>
<option value='uk'>Ukrainian</option>
<option selected='en' value='en'>English</option>
</select>
<input expr:value='data:blog.url' id='url' name='u' type='hidden'/>
<input name='sl' type='hidden' value='id'/>
<input name='hl' type='hidden' value='en'/>
<input name='ie' type='hidden' value='UTF-8'/>
<input style='width: auto;' type='submit' value='Go'/>
</td></tr></table></form>
<h6>Widget by <u><a

href='http://hoctro.blogspot.com/2008/10/new-translation-widget.html'>Hoctro</a></u></h6>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>


Baris di bawah ini berisi sumber bahasa. Karena saya menulis blog ini dalam bahasa Indonesia, maka kita harus mengubah ke bahasa sumber blog kita dari kode Translation Widget yang di atas. Karena kita menggunakan bahasa Indonesia maka kita pilih Value = 'id' pada kode dibawah ini :

<input name='sl' type='hidden' value='id'/>

Baris di bawah ini berisi pilihan bahasa target. Silahkan tentukan target terpilih pada tampilan awal, misal kita memilih Inggris, maka kita harus mengubah pilihan ini ke bahasa target yaitu Inggris ( 'en').

<option selected='en' value='en'>English</option>

Kita juga dapat merubah value='GO' dengan bahasa gaul tapi dimengerti:

<input style='width: auto;' type='submit' value='Go'/>

Satu hal lagi. Jika Anda tidak ingin bagian dari teks diterjemahkan, tambahkan class = 'notranslate' pada tag tersebut, seperti contoh di bawah ini:

<span class='notranslate'>This text won't be translated.</span>

Semoga Translation Widget ini bermanfaat.