Tuesday, June 25, 2013

Cara Membuat Widget Translate Flag di Blog

Seiring mendunianya blog sebagai sarana kerja part time dimasa skarang, bila kita memiliki blog yang hanya memilik satu bahasa saja maka akan sulit untuk bersaing didunia internasional. Oleh krena itu dipostingan kali ini saya akan memberi langkah untuk memberi widget translate berbentuk bendera. Sebenarnya ada gadget translate bawaan blogger. Tapi yang cara ini lebih menraik untuk blog. Okee langsung saja simak cara berikut

1. Login blogger anda
2. Pilih layout/tata letak - Add gadget/tambah gadget - pilih HTML java script
3. Copy codescript dibawah ini lalu pastekan di gadget anda.

<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://cumulus.nitecruzr.net/" name="u" type="hidden"/></noscript> <input value="en" name="hl" type="hidden"/> <input value="UTF8" name="ie" type="hidden"/> <input value="" name="langpair" type="hidden"/>

<input title=" English | United Kingdom | English " value="en|en" src="http://4.bp.blogspot.com/_AKSZkmXmrnc/SuU4xptKkfI/AAAAAAAAAnk/nk9JgVc_C-I/s320/United+Kingdom+uk_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" العربية | Saudi Arabia | Arabic " value="en|ar" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/358406/gse_multipart12399.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

 <input title=" Português | Brazil | Portuguese " value="en|pt" src="http://1.bp.blogspot.com/-SszcoxN7x2U/TtgjMa2ty4I/AAAAAAAAFK4/invh7eCSAKQ/s1600/Brazil%2Bbr_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

 <input title=" 中文(简体)| China | Chinese (Simplified) " value="en|zh-CN" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/> <input title=" Nederlands | Netherlands | Dutch " value="en|nl" src="http://3.bp.blogspot.com/-w4lul2m6axI/URAZUWTXj9I/AAAAAAAAFno/q5F3OpCYJhw/s1600/Netherlands.nl.flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

 <input title=" Français | France | French " value="en|fr" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/327620/gse_multipart12413.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

 <input title=" Deutsch | Germany | German " value="en|de" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/734899/gse_multipart12400.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/> 

<input title=" हिन्दी | India | Hindi " value="en|hi" src="http://4.bp.blogspot.com/-o9baXqasnbY/URAmxu9D1vI/AAAAAAAAFog/nFAQ72IEncI/s1600/India.in.flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

 <input title=" Italiano | Italy | Italian " value="en|it" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/306145/gse_multipart12401.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

 <input title=" 日本語 | Japan | Japanese " value="en|ja" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/443122/gse_multipart12402.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

 <input title=" 한국어 | Korea | Korean " value="en|ko" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/581031/gse_multipart12403.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

 <input title=" Português | Portugal | Portuguese " value="en|pt" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/670301/gse_multipart12404.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

 <input title=" Русском | Russia | Russian " value="en|ru" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/111692/gse_multipart12405.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Español | Spain | Spanish " value="en|es" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

 </form>

4. Klik simpan/save lalu klik view/lihat blog untuk mengceknya.