Sabtu, 05 Maret 2011

Translate Google with Animated Flags

بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم
Tutorial kali ini saya akan membahas tentang Translate Google with Animated Flags atau Google Translate dengan animasi bendera. Karena tutorial ini saya buat semudah mungkin, jadi saya harap pembaca bisa mengerti apa yang saya bahas dan saya harap mengerti telah apa yang saya maksud. OK kalau begitu kita langsung saja menuju ke TKP

  1. Masuk ke akun blogger anda
  2. Klik rancangan
  3. Pilih Tambah Gadget
  4. Setelah itu pilih HTML/Javascript
  5. Pilih salah astu code di bawah ini, kemudian paste ke dalam kotak kontent
    6. Google Translate 1 baris
    Arabic Korean Japanese Chinese Simplified Russian Portuguese English French German Spain Italian Dutch 
    <style>
.google_translate img {
filter:alpha(opacity=25);
-moz-opacity: 0.25;
opacity: 0.25;
}
.google_translate:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.google_translatextra:hover img {
filter:alpha(opacity=1);
-moz-opacity: 1;
opacity: 1;
}
</style>
<center>
<a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateArab.gif" align="absBottom" border="0" ></a>
<a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateKorea.gif" align="absBottom" border="0" ></a>
<a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateJepang.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateChina.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateRusia.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 0px" alt="Portuguese" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateBrasil.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateUK.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslatePrancis.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateJerman.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateSpanyol.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateItalia.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 0px" alt="Dutch" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateBelanda.gif" align="absBottom" border="0"></a>
</center>
    Google Translate 2 baris
    Arabic Korean Japanese Chinese Simplified Russian Portuguese
    English French German Spain Italian Dutch 
    <style>
.google_translate img {
filter:alpha(opacity=25);
-moz-opacity: 0.25;
opacity: 0.25;
}
.google_translate:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.google_translatextra:hover img {
filter:alpha(opacity=1);
-moz-opacity: 1;
opacity: 1;
}
</style>
<center>
<a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateArab.gif" align="absBottom" border="0" ></a>
<a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateKorea.gif" align="absBottom" border="0" ></a>
<a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateJepang.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateChina.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateRusia.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 0px" alt="Portuguese" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateBrasil.gif" align="absBottom" border="0"></a>
</center>
<center>
<a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateUK.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslatePrancis.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateJerman.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateSpanyol.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateItalia.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 0px" alt="Dutch" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateBelanda.gif" align="absBottom" border="0"></a>
</center>
    Google Translate 3 baris
    Arabic Korean Japanese Chinese Simplified
    Russian Portuguese English French
    German Spain Italian Dutch 
    <style>
.google_translate img {
filter:alpha(opacity=25);
-moz-opacity: 0.25;
opacity: 0.25;
}
.google_translate:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.google_translatextra:hover img {
filter:alpha(opacity=1);
-moz-opacity: 1;
opacity: 1;
}
</style>
<center>
<a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateArab.gif" align="absBottom" border="0" ></a>
<a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateKorea.gif" align="absBottom" border="0" ></a>
<a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateJepang.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateChina.gif" align="absBottom" border="0"></a>
</center>
<center>
<a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateRusia.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 0px" alt="Portuguese" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateBrasil.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateUK.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslatePrancis.gif" align="absBottom" border="0"></a>
</center>
<center>
<a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateJerman.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateSpanyol.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateItalia.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 0px" alt="Dutch" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateBelanda.gif" align="absBottom" border="0"></a>
</center>
    Google Translate 4 baris
    Arabic Korean Japanese
    Chinese Simplified Russian Portuguese
    English French German
    Spain Italian Dutch 
    <style>
.google_translate img {
filter:alpha(opacity=25);
-moz-opacity: 0.25;
opacity: 0.25;
}
.google_translate:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.google_translatextra:hover img {
filter:alpha(opacity=1);
-moz-opacity: 1;
opacity: 1;
}
</style>
<center>
<a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateArab.gif" align="absBottom" border="0" ></a>
<a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateKorea.gif" align="absBottom" border="0" ></a>
<a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateJepang.gif" align="absBottom" border="0"></a>
</center>
<center>
<a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateChina.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateRusia.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 0px" alt="Portuguese" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateBrasil.gif" align="absBottom" border="0"></a>
</center>
<center>
<a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateUK.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslatePrancis.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateJerman.gif" align="absBottom" border="0"></a>
</center>
<center>
<a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateSpanyol.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateItalia.gif" align="absBottom" border="0"></a>
<a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 0px" alt="Dutch" src="http://i766.photobucket.com/albums/xx310/Ikhfar/TranslateBelanda.gif" align="absBottom" border="0"></a>
</center>
  6. Setelah pilih salah satu kode, pastekan ke dalam kotak kontent
  7. Simpan
ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِينَ

Artikel Terkait


, ,

0 komentar:

Posting Komentar

Jangan Lupa komentar apabila terdapat penulisan kata, kalimat atau yang lainnya. Terima kasih telah berkunjung ke sini.