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..