Sabtu, 01 Januari 2011

Membuat "Language Translator" berisi bendera pada blog


Cara membuat language translator yang berisi tampilan bendera sangatlah mudah, langsung saja coppy code di bawah ini (jangan lupa ganti yang berwarna merah dengan alamat url blog kamu)  :


<form action="http://www.google.com/translate">

<script language="javascript" type="text/javascript">

<!--

document.write ("<input name=u value=" location.href " type=hidden>")

// -->

</script>

<noscript><input value="http://bacaberitaonline.blogspot.com/" name="u" type="hidden"/></noscript>

<input value="id" name="hl" type="hidden"/>

<input value="UTF8" name="ie" type="hidden"/>

<input value="" name="langpair" type="hidden"/>


<input onclick="this.form.langpair.value=this.value" title="Arabic" value="id|ar" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/358406/gse_multipart12399.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#20013;%u6587%uFF08%u7B80%u4F53%uFF09/Chinese (Simplified)" value="id|zh-CN" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#20013;%u6587%uFF08%u7E41%u4F53%uFF09/Chinese (Traditional)" value="id|zh-TW" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/208681/gse_multipart12398.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="Fran&#231;ais/French" value="id|fr" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/327620/gse_multipart12413.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="Deutsch/German" value="id|de" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/734899/gse_multipart12400.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="Italiano/Italian" value="id|it" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/306145/gse_multipart12401.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#26085;%u672C%u8A9E/Japanese" value="id|ja" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/443122/gse_multipart12402.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#54620;%uAD6D%uC5B4/Korean" value="id|ko" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/581031/gse_multipart12403.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="Portugu&#234;s/Portuguese" value="id|pt" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/670301/gse_multipart12404.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="&#1056;%u0443%u0441%u0441%u043A%u0438%u0439/Russian" value="id|ru" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/111692/gse_multipart12405.png" width="30" name="langpair"/>


<input onclick="this.form.langpair.value=this.value" title="Espa&#241;ol/Spanish" value="id|es" type="image" height="20" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png" width="30" name="langpair"/>

</form>

Langkah Selanjutnya :
  • Design
  • Page element
  • Add a gadged
  • HTML & Java script (coppy code di atas)
  • Save.
  • selesai.
Selamat Mencoba...

Tidak ada komentar:

Posting Komentar