Membuat Google Translate dibawah postingan blog

Pada postingan kali ini saya akan berbagi bagaimana cara memasang widget Google Traslate dibawah postingan blog,bagaimana caranya..??

Langsung saja kita mulai......

1. Silahkan sobat login ke akun blogger anda. Pilih blog dan masuk ke  halaman Edit HTML. Jangan lupa beri tanda centang pada Expand Widget Template.

2. Untuk berjaga jaga ada baiknya sobat backup dulu template sobat

3. Cari kode </head> dan Letakkan code berikut diatasnya diatas kode </head>

<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','F
innish','French','Galician','German','Greek','Hebrew','Hindi','Hungarian','Icelandic'
,'Indonesian','Irish','Italian','Japanese','Korean','Latvian','Lithuanian','Macedonia
n','Malay','Maltese','Norwegian','Persian','Polish','Portuguese','Romanian','Russian'
,'Serbian','Slovak','Slovenian','Spanish','Swahili','Swedish','Thai','Turkish','Ukrai
nian','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>

4. Cari kode sl=id bila blog sobat berbahasa indonesia biarkan saja tapi kalau berbahasa inggris maka ganti dengan sl=en

5. Cari kode ]]></b:skin> dan letakkan kode berikut diatas kode ]]></b:skin>

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

6. Cari kode <data:post.body/> kemudia replace dengan kode berikut

<b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/>
 <div style='padding:5px'><hr/><div style='padding:5px'> Translate this blog :
<script type='text/javascript'> GoogleTranslate(&#39;<data:post.url/>&#39;);
</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> </div> <b:else/>
<p><data:post.body/> </p> </b:if>

Jika sobat menggunakan read more maka pastekan pada <data:post.body/> yang kedua

7. Teks " translate this blog " bisa di ganti dengan teks sobat

8. Terakhir simpan template.

9. Hasilnya seperti yang ada di bawah postinagn ini.

Selamat mencoba.....