Senin, 31 Januari 2011

Cara Membuat Widget Translate dengan Lambang Bendera



Apa kabar para sahabat tutorial....???? Baik-baik saja tentunya..!!!!
Kali ini saya akan membahas tentang cara membuat translate dengan
menggunakan lambang bendera seperti yang terlihat pada halaman blog
ini....

Langkah-langkahnya adalah sebagai berikut :


1 Tidak lupa untuk LogIn.

2 Klik Layout => add new gadget => Klik Add HTML/JAVA SCRIPT.

3 Tinggal CoPas ( Copy Paste ) kode HTML dibawah ini;



<center><a style="cursor: pointer;" target="_blank"
rel="nofollow" title="English"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en');
return false;"><img border="0" alt="English" style="cursor:
pointer;"
src="http://i708.photobucket.com/albums/ww86/andiskapati/inggris.gif"
height="20" title="English" align="absbottom"/></a> <a
style="cursor: pointer;" target="_blank" rel="nofollow" title="French"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en');
return false;"><img border="0" alt="French" style="cursor:
pointer;"
src="http://i708.photobucket.com/albums/ww86/andiskapati/francis.gif"
height="20" title="French" align="absbottom"/></a> <a
style="cursor: pointer;" target="_blank" rel="nofollow" title="German"

onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en');
return false;"><img border="0" alt="German" style="cursor:
pointer;"
src="http://i708.photobucket.com/albums/ww86/andiskapati/jerman.gif"
height="20" title="German" align="absbottom"/></a> <a
style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain"

onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en');
return false;"><img border="0" alt="Spain" style="cursor:
pointer;"
src="http://i708.photobucket.com/albums/ww86/andiskapati/spnyol.gif"
height="20" title="Spain" align="absbottom"/></a> <a
style="cursor: pointer;" target="_blank" rel="nofollow"
title="Italian"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en');
return false;"><img border="0" alt="Italian" style="cursor:
pointer;"
src="http://i708.photobucket.com/albums/ww86/andiskapati/italia.gif"
height="20" title="Italian" align="absbottom"/></a> <a
style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en');
return false;"><img border="0" alt="Dutch" style="cursor:
pointer;"
src="http://i708.photobucket.com/albums/ww86/andiskapati/belanda.gif"
height="20" title="Dutch" align="absbottom"/></a> <a
style="cursor: pointer;" target="_blank" rel="nofollow"
title="Russian"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en');
return false;"><img border="0" alt="Russian" style="cursor:
pointer;"
src="http://i708.photobucket.com/albums/ww86/andiskapati/rusia.gif"
height="20" title="Russian" align="absbottom"/></a> <a
style="cursor: pointer;" target="_blank" rel="nofollow"
title="Portuguese"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en');
return false;"><img border="0" alt="Portuguese" style="cursor:
pointer;"
src="http://i708.photobucket.com/albums/ww86/andiskapati/brazilia.gif"
height="20" title="Portuguese" align="absbottom"/></a> <a
style="cursor: pointer;" target="_blank" rel="nofollow"
title="Japanese"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en');
return false;"><img border="0" alt="Japanese" style="cursor:
pointer;"
src="http://i708.photobucket.com/albums/ww86/andiskapati/jepang.gif"
height="20" title="Japanese" align="absbottom"/></a> <a
style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean"

onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en');
return false;"><img border="0" alt="Korean" style="cursor:
pointer;"
src="http://i708.photobucket.com/albums/ww86/andiskapati/koreautara.gif"
height="20" title="Korean" align="absbottom"/></a> <a
style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic"

onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en');
return false;"><img border="0" alt="Arabic" style="cursor:
pointer;"
src="http://i708.photobucket.com/albums/ww86/andiskapati/saudiarabia.gif"
height="20" title="Arabic" align="absbottom"/></a> <a
style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese
Simplified"
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en');
return false;"><img border="0" alt="Chinese Simplified"
style="cursor: pointer;"
src="http://i708.photobucket.com/albums/ww86/andiskapati/cina.gif"
height="20" title="Chinese Simplified"
align="absbottom"/></a></center><br/>



Hasilnya akan seperti ini :





English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

0 komentar:

  © Blogger templates The Professional Template by Ourblogtemplates.com 2008

Back to TOP