Latest Entries »

Jumat, Mei 21, 2010

membuat google translate di blog berbentuk bendera

cara membuat widgets translator dan google terjemahan berbentuk bendera atau bergambar bendera sangat lah gampang dan mudah ^^
bagi yang belum tau langsung ajj


cara pasangnya google translate berbentuk bendera :
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

sekarang google translate sudah terpasang di blog sobat


Artikel Terkait Lainnya Seputar:


1 komentar:

  1. makasih mass infonya bermamfaat tu...terus berkarya..kunjungan balik

    BalasHapus

mohon maaf komentar berisi link promosi dan tidak nyambung dengan artikel akan segera di hapus...
komentar sobat akan sangat berarti untuk kemajuan blog ini....
tapi tolong jangan nyepam yah sobat :)