Trik memasang Google Translate pada Blogspot

Google translate akan sangat penting jika tamu blog berasal dari mancanegara yang dia tidak mengerti bahasa yang kita gunakan . Setelah seharian mencari tips-tips bagaimana memasang google translate akhirnya saya menemukan tips yang tepat. Tips ini berbeda dari yang umum saya temukan, dimana mesin translate bahasa dari mbah Google akan muncul saat kita membuka satu judul artikel / posting. Tampilannya simpel sehingga tidak membuat tampilan blog kita jadi  tambah ruwet. Berikut tampilannya

Agar nantinya saya juga tidak lupa, maka saya  posting disini, sekalian berbagi sama yang lain.

1. Langkah Pertama, login ke akun blogger masing-masing. Pilih Layout dan masuk ke halaman Edit HTML. Beri tanda centang pada Expand Widget Template.


2. Langkah Kedua, cari kode </head> kemudian copy kode dibawah ini lalu paste persis diatas kode tersebut

<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="">-= Choose =-</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>

3. Langkah Ketiga, cari text ini sl=id. Jika blog anda berbahasa Indonesia ya biarkan saja dan lanjut ke langkah berikutnya, tapi kalau blog anda berbahasa Inggris ganti text tersebut dengan sl=en dan simpan.

4. Langkah Keempat, cari kode ]]></b:skin> kemudian letakkan kode CSS dibawah ini persis diatasnya.

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

5. Langkah Kelima, cari kode <data:post.body/>. lalu  gantilah dengan script dibawah ini :

<b:if cond='data:blog.pageType == "item"'><data:post.body/><div style='padding:5px'> <hr/> <div style='padding:5px'> Translate to : <script type='text/javascript'> GoogleTranslate('<data:post.url/>'); </script> by <a href='http://translate.google.com'> <img height='18' src='http://www.google.com/intl/en/images/logos/translate_logo.gif' style='vertical-align:middle;border:0px!important' width='93'/> </a> </div> <hr/></div><b:else/><p><data:post.body/></p></b:if>

Setelah selesai klik SAVE TEMPLATE dan lihat hasilnya. selesai. Semoga bermanfaat


Salam Sukses...!!