Cara Memasang Widget Google Translate Bendera Bergerak Diblog

   

  

Kali ini saya akan menjelaskan cara membuat google translate bendera (flag icon) , fungsi dari google translate adalah untuk menerjemahkan isi dari posting blog ke bahasa pengunjung blog yang dimengerti , seperti yang ada pada bagian sidebar blog ini , untuk Cara Memasang Widget Google Translate Bendera Bergerak Diblog ini sangat mudah.
Fungsi nya tetap sama untuk menerjemahkan , tapi Cara Memasang Widget Google Translate Bendera Bergerak Diblog ini juga bertujuan mempermanis / memperindah tampilan blog anda
tutorial nya cukup sederhana
Cara Memasang Widget Google Translate Bendera: 

>>>  Sign In di blogger.com
>>>  Pada menu Drop Down, pilih Layout
>>>  Klik Add a Gadget dan Pilih HTML/JavaScript
>>>  Copy Paste kode Berikut pada kolom yang tersedia


<center>
<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="20" src="http://a.imageshack.us/img835/6766/inggris.gif" style="cursor: pointer;margin-right:8px" width="20"/></a>  <a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="20" src="http://a.imageshack.us/img84/7864/jerman.gif" style="cursor: pointer;margin-right:8px" width="20"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="20" src="http://a.imageshack.us/img294/6256/spnyol.gif" style="cursor: pointer;margin-right:8px" width="20"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="20" src="http://a.imageshack.us/img32/6484/italiab.gif" style="cursor: pointer;margin-right:8px" width="20"/></a> <br /><br /><a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="20" src="http://a.imageshack.us/img64/8434/belanda.gif" style="cursor: pointer;margin-right:8px" width="20"/></a><a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="20" src="http://a.imageshack.us/img697/8801/francis.gif" style="cursor: pointer;margin-right:8px" width="20"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="20" src="http://a.imageshack.us/img691/674/jepang.gif" style="cursor: pointer;margin-right:8px" width="20"/></a>  <a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://img268.imageshack.us/img268/3818/saudiarabiab.gif" style="cursor: pointer;margin-right:8px" width="24"/></a>
</div></center


>>>  Simpan Widget sobat blogger 

Semoga artikel  ini bisa bermanfaat untuk sobat-sobat blogger sekalian.

Artikel Terkait: