Home » » Cara Membuat Translator bag. II

Cara Membuat Translator bag. II

Memasang penerjemah atau translator di blog/website mungkin sering diletakkan di sidebar.Yaitu dalam bentuk gadget translator , Kalau dipikir-pikir , rasanya kurang manteebb kalau diletakkan di side bar. Ditambah lagi bentuknya kurang menarik. Untuk itu pada tutorial kali ini akan diberitahu translator yang lebih keren dan menarik. Tapi tetap , Google translate..

Selain menarik ,translator yang ini lebih banyak bahasanya.. Jadi , makin manteebbbb.. Juga yang ga kalah manteb , posisinya tepat di bawah postingan . Jadi , terkesan profesional.

Jadi ,,,,,,,,, di bawah ini tutorial buatnya:

  • masuk ke blog
  • cari dan klik menu tata letak / lay out
  • lalu klik submenu edit HTML
  • jangan lupa mencentang Expand Template Widget
  • cari kode </head>
  • untuk mempermudah pencarian , tekan tombol F3 atau ctrl + F , lalu masukkan kata pada kotak yang disediakan , klik next / berikutnya , bisa juga kalau sudah kelewatan klik sebelumnya ( di samping next tadi )
  • karena </head> cuma ada satu , langsung aja copy pastekan script di bawah ini tepat di atas </head> tersebut. Berikut scriptnya :


<script type='text/javascript'>
//<![CDATA[
function PopWin (obj) {
if (obj.value!="") window.open(obj.value,"_blank");
}

function GoogleTranslate(url) {
var CountryID = new Array('af','sq','ar','be','bg','ca','zh-CN','zh-TW','hr','cs','da','nl','en','et','tl','fi','fr','gl','de','el','iw','hi','hu','is','id','ga','it','ja','ko','lv','lt','mk','ms','mt','no','fa','pl','pt','ro','ru','sr','sk','sl','es','sw','sv','th','tr','uk','vi','cy','yi');
var CountryNAME = new Array('Afrikaans','Albanian','Arabic','Belarusian','Bulgarian','Catalan','Chinese (Simplified)','Chinese (Traditional)','Croatian','Czech','Danish','Dutch','English','Estonian','Filipino','Finnish','French','Galician','German','Greek','Hebrew','Hindi','Hungarian','Icelandic','Indonesian','Irish','Italian','Japanese','Korean','Latvian','Lithuanian','Macedonian','Malay','Maltese','Norwegian','Persian','Polish','Portuguese','Romanian','Russian','Serbian','Slovak','Slovenian','Spanish','Swahili','Swedish','Thai','Turkish','Ukrainian','Vietnamese','Welsh','Yiddish');
document.write('<select onchange="PopWin(this);" class="GoogleStyle">');
document.write('<option value="">translate language</option>');
for (i = 0; i < 51; i++) {
document.write('<option value="http://translate.google.com/translate?u='+url+'&hl=en&ie=UTF-8&sl=id&tl='+CountryID[i]+'">'+CountryNAME[i]+'</option>');
}
document.write('</select>');
}
//]]>
</script>

  • kemudian cari kode ini ]]></b:skin>
  • lalu letakkan kode di bawah ini tepat di atasnya kode ]]></b:skin> tadi

    .GoogleStyle{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #758D38;
    FONT-FAMILY: 'trebuchet ms';
    BACKGROUND-COLOR: #FFFFCC;
    }

    • bisa diganti -ganti , tp harus tahu tentang CSS . Setelah selesai save dulu ( klik save template )
    • lalu cari kode <p><data:post.body/></p> , kalau sobat modif pakai read more , mungkin <p><data:post.body/></p> ada dua , cari yang pilih yang pertama
    • ganti <p><data:post.body/></p> yang pertama tersebut dengan kode berikut

      <b:if cond='data:blog.pageType == "item"'>
      <data:post.body/>
      <div style='padding:5px'>
      <hr/>
      <div style='padding:5px'>
      <script type='text/javascript'>
      GoogleTranslate('<data:post.url/>');
      </script>

      </div>
      <hr/>
      </div>
      <b:else/>
      <p><data:post.body/></p>
      </b:if>


      • setelah selesai klik save template , dan lihat tampilan blognya.. Eitthhh, tunggu dulu ,translatenya

      hanya akan muncul jika membuka halaman postingan... Kalau halaman depan / beranda , dia tidak akan muncul . OK...


      Semoga sukses dan berhasil..
      Baca juga yang ini:

      6 comments:

      • Anonymous says:

        wah saya dapat ilmu baru dari sini.. thanks..

        ini postingan saya mengenai translate widget wordpress : http://pobersonaibaho.wordpress.com/2011/02/12/cara-membuat-widget-translator-bentuk-bendera-negara-di-wordpress/

      Leave a Reply