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: