Sebenarnya translate ini yang menemukan kang rohman, tetapi saya telah mengganti beberapa kode html-nya sehingga terciptalah translate bendera berkibar. Saya namai seperti itu karena memang benderanya dapat berkibar. Untuk membuatnya tidaklah sulit, untuk melihat contoh translate ini klik di sini.
Sekarang untuk cara buatnya :
Pertama--> Kawan copy-paste kode berikut ini .
<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>
<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 border="0" alt="Photobucket" src="http://i654.photobucket.com/albums/uu263/lawuh/inggris.gif" height="32" title="English" align="absbottom"/></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 border="0" alt="Photobucket" src="http://i654.photobucket.com/albums/uu263/lawuh/perancis.gif" height="32" title="French" align="absbottom"/></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 border="0" alt="Photobucket" src="http://i654.photobucket.com/albums/uu263/lawuh/jerman.gif" height="32" title="German" align="absbottom"/></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 border="0" alt="Photobucket" src="http://i654.photobucket.com/albums/uu263/lawuh/spanyol.gif" height="32" title="Spain" align="absbottom"/></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 border="0" alt="Photobucket" src="http://i654.photobucket.com/albums/uu263/lawuh/italia.gif" height="32" title="Italian" align="absbottom"/></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 border="0" alt="Photobucket" src="http://i654.photobucket.com/albums/uu263/lawuh/duetch.gif" height="32" title="Dutch" align="absbottom"/></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 border="0" alt="Photobucket" src="http://i654.photobucket.com/albums/uu263/lawuh/arabsaudi.gif" height="32" title="Arabic" align="absbottom"/></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 border="0" alt="Photobucket" src="http://i654.photobucket.com/albums/uu263/lawuh/cina.gif" height="32" title="Chinese Simplified" align="absbottom"/></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 border="0" alt="Photobucket" src="http://i654.photobucket.com/albums/uu263/lawuh/korea.gif" height="32" title="Korean" align="absbottom"/></a>
<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 border="0" alt="Photobucket" src="http://i654.photobucket.com/albums/uu263/lawuh/rusia.gif" height="32" title="Russian" align="absbottom"/></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 border="0" alt="Photobucket" src="http://i654.photobucket.com/albums/uu263/lawuh/portugal.gif" height="32" title="Portuguese" align="absbottom"/></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 border="0" alt="Photobucket" src="http://i654.photobucket.com/albums/uu263/lawuh/jepang.gif" height="32" title="Japanese" align="absbottom"/></a>
<br/>
</div><div 0px 0px� style="�font:10px;margin:10px" 3px>
Widget by : <a href="http://www.corpita95.blogspot.com">Opty</a>
</div>
Kedua--> Kawan letakkan kode tersebut pada kode html java script.
Ketiga--> Simpan dan lihat hasilnya.
Bila masih ada yang bermasalah, klik di sini untuk mengetahui permasalahannya.
wow.. jadinya keren tuh..
BalasHapusthanks atas tutorialnya yah...
Izin memakai widgetnya gan ...
BalasHapusflagx muaaaaaaaaaaaaaantap
BalasHapus=)
BalasHapusWew, makasi buat infonya! ^_^
BalasHapusTeriam kasih, telah membantu saya
BalasHapuswah, bagus banget, coba ya
BalasHapuswew... muantaap bro...
BalasHapusthx a lot bro...
cuma koq mau translate ke china/japan kaga bisa ?
gan klo pasang di wodpress kok anchur yah,...
BalasHapuspiewcipiew keren baed wes pkok e tutorial e masbro ;)
BalasHapusizin copy kodenya bang.
BalasHapuskunjungan balik & komentarnya ane tunggu..