Selasa, 03 Maret 2009

Translate Bendera Berkibar

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

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 bermasalahtension, :scream:klik di sini untuk mengetahui permasalahannya.

11 komentar:

  1. wow.. jadinya keren tuh..
    thanks atas tutorialnya yah...

    BalasHapus
  2. Izin memakai widgetnya gan ...

    BalasHapus
  3. flagx muaaaaaaaaaaaaaantap

    BalasHapus
  4. Wew, makasi buat infonya! ^_^

    BalasHapus
  5. Teriam kasih, telah membantu saya

    BalasHapus
  6. wew... muantaap bro...
    thx a lot bro...
    cuma koq mau translate ke china/japan kaga bisa ?

    BalasHapus
  7. gan klo pasang di wodpress kok anchur yah,...

    BalasHapus
  8. piewcipiew keren baed wes pkok e tutorial e masbro ;)

    BalasHapus
  9. izin copy kodenya bang.
    kunjungan balik & komentarnya ane tunggu..

    BalasHapus

Sialahkan kawan berkomentar tentang artikelnya...karena komentar kawan sangat berarti bagi blog ini...^_^ salam Blogger