Google Translate dengan gambar Part I

Ok mas fuad.....kali ini saya beri sedikit bocoran dari request njenengan karena benderanya ndak ada anginnya kayak yg di SMP N 2 KALIWUNGU...ya akhirnya tidak berkibar...kl mau berkibar tinggal nyari aja image gif yg berkibar diupload ganti link scr img-nya guampank kok.......he..he

Nih....yang biasa aja yach....dari katalog beberapa blogger mania Mas Dharmapala, saya temukan script model beginian




<div class="widget-content">
<style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>

<div>
<center>

<a class="google_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="32" src=" http://i41.tinypic.com/mcbs77.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>

<a class="google_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="32" src=" http://i42.tinypic.com/2qn39mr.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>

<a class="google_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="32" src="http://i40.tinypic.com/2znvfxl.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>

<a class="google_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="32" src=" http://i40.tinypic.com/15pse3p.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>

<a class="google_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="32" src="http://i41.tinypic.com/v5c2eq.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>

<a class="google_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="32" src="http://i42.tinypic.com/2qn39mr.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<br/>

<a class="google_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="32" src=" http://i41.tinypic.com/1ystb8.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://i42.tinypic.com/2q1un43.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>

<a class="google_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="32" src="http://i39.tinypic.com/b3vu3t.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.oogle.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://i41.tinypic.com/wv7orr.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>

<a class="google_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="32" src="http://i43.tinypic.com/2552exg.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a>

<a class="google_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="32" src="http://i42.tinypic.com/2pt7x9v.jpg" style="cursor: pointer; margin-right: 13px;" width="24"/></a><br/>

<a href="#" target="_blank" rel="nofollow" title=" Install this widget " onclick="window.open('http://kyipe.blogspot.com/2009/10/mengganti-google-translate-dengan.html'); return false;"><img border="0" alt=" Install this widget " title=" Install this widget " align="absbottom"/></a>
</center>
</div>
</div>



Mummmeeet ndaaaaak.... Ngopynya kepanjangan ya...udah tak ringkes nih

<div class="widget-content"><br /> <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style><br /> <br /> <div><br /> <center><br /> <br /> <a class="google_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="32" src=" http://i41.tinypic.com/mcbs77.jpg" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br /> <br /> <a class="google_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="32" src=" http://i42.tinypic.com/2qn39mr.jpg" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br /> <br /> <a class="google_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="32" src="http://i40.tinypic.com/2znvfxl.jpg" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br /> <br /> <a class="google_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="32" src=" http://i40.tinypic.com/15pse3p.jpg" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br /> <br /> <a class="google_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="32" src="http://i41.tinypic.com/v5c2eq.jpg" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br /> <br /> <a class="google_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="32" src="http://i42.tinypic.com/2qn39mr.jpg" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br /> <br /> <br /> <br /> <a class="google_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="32" src=" http://i41.tinypic.com/1ystb8.jpg" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br /> <br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://i42.tinypic.com/2q1un43.jpg" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br /> <br /> <a class="google_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="32" src="http://i39.tinypic.com/b3vu3t.jpg" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br /> <br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.oogle.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://i41.tinypic.com/wv7orr.jpg" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br /> <br /> <a class="google_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="32" src="http://i43.tinypic.com/2552exg.jpg" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br /> <br /> <a class="google_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="32" src="http://i42.tinypic.com/2pt7x9v.jpg" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br /> <br /> <br /> <a href="#" target="_blank" rel="nofollow" title=" Install this widget " onclick="window.open('http://kyipe.blogspot.com/2009/10/mengganti-google-translate-dengan.html'); return false;"><img border="0" alt=" Install this widget " title=" Install this widget " align="absbottom" /></a><br /> </center><br /> </div><br /> </div>

Selamat mencoba...!!!!