Cara Membuat Widgets Translator Google Terjemahan Berbentuk Bendera Pin

Diposting oleh Nyom" Anak Kerissena Jumat, 29 Oktober 2010

cara membuat widgets translator google terjemahan berbentuk bendera pin
setelah kemarin berhasil membuat
google translate berbentuk bendera
sekarang saya akan mengajarkan cara membuat widgets translator google terjemahan berbentuk bendera bergambar bendera sangat lah gampang dan mudah ^^
Kegunaan dari google translate berbentuk bendera
Agar para visitor yang datang dari berbagai macam negara bisa mengerti isi dan tulisan blog kita

Contohnya sperti ini:




cara memasang google translate di blog> langkah-langkahnya sebagai berikut

1. Masuk blogger
2. Tata letak -> Elemen Halaman
3. Tambah Gadget ->lalu klik 'HTML/JavaScript'.
paste script ini



<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="24" src="http://i30.tinypic.com/2enazcx.jpg" style="cursor: pointer;margin-right:8px" width="24" /></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="24" src="http://i31.tinypic.com/2m3n1no.jpg" style="cursor: pointer;margin-right:8px" width="24" /></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="24" src="http://i26.tinypic.com/2cygoj8.jpg" style="cursor: pointer;margin-right:8px" width="24" /></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="24" src="http://i31.tinypic.com/2uzz2pw.jpg" style="cursor: pointer;margin-right:8px" width="24" /></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="24" src="http://i26.tinypic.com/14jswet.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>

<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="24" src="http://i26.tinypic.com/2u6msft.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>
<br /><br />
<a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://i25.tinypic.com/2vjefyw.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="http://i27.tinypic.com/2a4pnoi.jpg" style="cursor: pointer;margin-right:8px" width="24" /></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="24" src="http://i30.tinypic.com/mcexw3.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://i28.tinypic.com/b5qtev.jpg" style="cursor: pointer;margin-right:8px" width="24" /></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://i26.tinypic.com/10dwa42.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://i28.tinypic.com/21e2qa8.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a></div>


5. Klik simpan.. selesai




http://smpngeblog.blogspot.com/

  1. I L H A M Says:
  2. Linknya ko' belum dipasang?????
    sih www.ilhamz.co.tv

     
  3. ada berapa bendera tuh gan...???