Untuk contoh lihat gambar bendera di sebelah kanan blog saya, itu adalah salah satu style dari Google Traslate. Untuk membuatnya sangatlah mudah, anda cukup mengikuti langkah di bawah ini :
- Login ke blog anda -> Layout -> Page Element ->Add a Gadget -> HTML/Java Script
- Copy kode di bawah 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 alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUj-BUyet9m19ZOcKj2eaz4Qn53vM9ZLDCJAXvF4mQLN3KtC3iX0us2X2uv7r8zurGjo92OSO4oMAZkzOHIlPFljXrD91d-rnO25Y1rMtNJS2V_K6B-PhrofF7LJxMb8vqGZCtJvxwjyY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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 alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE171K16RjtB13fMO2UombsmpRU77sgxafcgbeiAZrCJnh7G3SSVv4IPpt1CLZAAB19xNDvd9N0PPikiAyZPbtJ611XDjf-ASJNi7ZkJ_DcVFLg4eFkElNtJMstwi0CLwkg1PVjbsUJfc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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 alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZyR34UJ-OhOFlM98xsaUTDrg1LhyphenhyphenO9202dtt_zS4q0cwdp-cVGXlevr-scfO1KKbWaMDKycN99SZLNlNS-CHM_Cijaf_vUWN74mTx-zIZgtTOqdw_EDwzHbMsSPjQMUaIhINCj_7FFmdK/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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 alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6VWylH1NPOCuodmj5ftrIXZzcF9R31m7GoJndK45XK7ghEHlaIrdUfNB7XIqoEF_yjbPUyHN2wHUT5PnqUgaW8l-S-kXkRLzHg_HbnBLMaBINtClQ2bHahwCEzybOb7BCmcID8_LmaVoo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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 alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Kf8aEJyiDjYIEPkiN_xio0_hTWPtFGw32_aF08gkV6Jwnv3riW1nwxO3LXKZJoPlS2i6tlafWEnhKctafsDwqaiYtOEqlhs1bm-Uc0o6Z7OtcDmSDTj9VNcoCGZMzsuyohkf2VjPlR4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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 alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpENFtrgIsb3GFArhveZGPV-c4VDOalpUNU3sJYICLu7AODNxZEtXLtSY7Pkw_Y2DzjN8fcILOK-Th_z8akLdVd_W4nX-LusCmVBJdabrT10U1CwgOPf5Z4MrrCKw-N7ZRO_KYY2KFfdI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<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 alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzOqa3WRRz-0MZXWHagFIe0D1-31CxFAx2G0EyEeW7ek8GG29fpv4_YPXAHuvCxwoo8n2XtjXtNq0aT9x9K9smN_Y_Gg-OrR4YBjckQeGzHy2GfBBr9BP-HgzlAKZuhM_gKooRu0eCBeo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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 alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKgUUWs2vVXxIMUuFn859V5pYeWzPR9JwoeGZQOWsbsQUmFQyEdqYBdrkSREtpWmpf12rTbvSzv5wJ0eYjicGjEjd-hLtdvfVizjG6zF2Qg42E_zlhemSjgjtw1wYEEv6LzPBaiyT9dFE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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 alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm1bmiWM7AUf1VIOj0vFsULL99yBMIwkODNNWB_w85WwMLomcMnTtkCvrbRxqgrETaChIVWh-PijlAA4LTVvj5VQTG7ZB6l4K9CF7R3JUweCNBEm3PPvhOxkU8GXvnOE38WBA4Xt3zQ31P/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVtEWkxYyJDlHjbP_9VKJnW-9pbAi_jSUdUTgr2ufNzScHPzjO2uw5Hvc5vOJ2wXQwXx_5j2daSp5Y8_U7h11-H1Zj9KVfABAuKC6nZShVY1JXsFo5q9eitdx-8DB3XkXwVU8iW2ihqUk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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 alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp2YmwIuPlcbL6-2qfShKZno7A7d1XSovkvE-nWcipf34JGgAWV92kMjdRt4UhyvEIaqE98Ew3Ls1To6Jf_sWunVWM9iTLowV5IIhdYhhTXk1ffuCBk8r1uMmPMBFWFV2HpE9Donw-u4M/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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 alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3cW_s3PD5QTcScGowjylUtn-HwkLiihqIzvCFTNXHRwbxGFzwPyJ_K22sevWlaRSUvNtK66joaTiejv-bdIJBCmAbBbbsfHizggoXhsuMUSMvsyf90iA4FQwbUkdj7P9xbjjTKk9TRKA/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”>
by : <a href=http://www.abi-galoga.blogspot.com/>Galoga</a>
</div>
Maka Hasilnya kurang lebih akan seperti ini
Kenapa ? beda dengan milik saya ? iyalah, kalo sama enggga GOKIL !!!
terima kasih