Advertisemen
Kreativitas - Google translate merupakan salah satu translater terkemuka di web. Google sendiri telah menyediakan default widgetnya yang sangat sederhana berbentuk scroll. Banyak diantara anda pasti merasa sangat tidak stylish dengan tampilan seperti itu, tapi tenang saja, saya akan memberikan kode google translate berbentuk bendera yang stylish dan juga eye cacthing. sobat dapat melihat contohnya di bawah ini.
1. Seperti biasa login ke Blogger
2. Masuk ke Rancangan --> Edit Laman
3. Tambahkan Gadjet lalu pilih HTML/Javascript
4. Masukan kode berikut ini:
<div style="text-align:center"> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_pBIN7Hh3CJiV9CGqrDbFlk76jMJXs5yg-APlAVe1LP3uqoSZWOEM7Knr4j6COWKP_Xa7eRR1EFbh0dhvrzPYwmHlOYvajBJTkOF4AuKqcLWlaLM8-feoxeLy-Xh5XHEKexEGFdWXnmYG/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivBTD2WPB2HlAfPQD6_wk8Ul5d-19E-nKcgYne9mVnn3Kc87s4mghc2JAdWKHkh4FyJXKEustrjqG8P8yuzFof-4OU4tFXk37o_flWqcsEZ_ehoJqtrjXfyCJ3FmPyNIxACP_EGNZtOoJT/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOAeW_dBImFOM0p0tWicMccYn2aqxSvjbFujFlVblOt4YoWr_Fw-zIQCy0W0XX7_L9lR7UUqUBN1hPNOWluCddCzZxbeW4iXxBgtyXelqBlJwyj9uqPMh1o42NaVL5N0u6_ALSxD6cAYZA/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4MVChrT4WKscfx2jTBrqExmUehPYkehgAGrU6IvKk_Zhyphenhyphenkyuh28yZDOKGBsTuUaHV2vGoIO3TBRlGDyLX9HLsewNLrZrcaL4z_u1UM9SKcLfDxBSbJU3Z6H60qzPZYBBbMEJVL8WKm045/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz_1KjcIyHm6mU0pmVTozxyo8-kcYD4P3rIYZeIMbAXqi4OvTHhT_KkYOT6MUtPlC-NmOHZjcDpdflX7CurvIWR6jFQMQilRcVIG_Y8b-6LQiRdZGikJm8gXPgL9ruSbX7lvAiQk7UHcnM/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjox3z2KQ3xREuJYO9BcOz5wR97KAUmSamNFi6k87bn3OfkhtcIsRj1yKozbgPeqvtTuKV-ehgmcBHGodzm5gC-LwD-Tc8ygkJv207DOZj1XBPFFfe2z0wy4sIdtSak3K_xrGgQhijVfnxQ/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPve5v6OsutX1yhZKdmApVF5gOvZM_EUh68sC8RjiRovCUzLnhtVzXsCNhCyhk2RzQUNFVEGnQrvjCkIU33uel4FtDS2zBuMta4iK1ChaTciZ-iLeDUwjMtpOoiSqDBzkCk6-4fcu5PpON/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoSmKBLJadqXiATl_pa_Y7MusGstvj7zUrscxTZi_NNehby5-TsOkV0FAlT3TQZswEMooUcK_X-xrlPtGb60CG39CLyfCjs9hOPVqg8S9PeUzFJW06TCZfvPNiW90ZYBPa9abbUSMr5b1J/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg20vdTaRfGHgwQkEDliOYdcuEyY9e4MWzmK-YjjqjWrMyRI49C8JUKyeOY4SREdg-wviC0j3QbPUGoVCd15NqpUVji6pPLMrHi-oNt2k_Y0BcypkZUFlIAs-eWcKwmw8MPmwg2xMDaG3s7/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFvoP8tD_RoP-UrIbvrGPtOQu2C9iMf3JwGne2Zq-KlZeqqfPPh-icZI-fBEkUUT7NjecwsKkWB4lmiUtRxong_LuCxGAmvQoy_ErpQEftb4cy5mqEt15LaZeoE0Vh-NbSygTl4M0sD4iJ/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Rg0HriA-dV6BAtyVngunKmwTagVGMq1VzrdqEZzH51_aa_w8Y-yZ2pUFcTYcyttYyo3N2VZnO2AWv9B9cM3HZjSekoyc6gmlg-M4Wd0fqynq-tPGAl7K0Y94SuCgr-DOTUibWuaGLIP2/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLyMm3T5swDcnCBj-TC5bAKW0-T_gcjIhjuSkrPy-47Clrc-a0qUjP8HIZvYdT6lxJNuC97qOmfFMfvcpuiv1AhfT00YA-3NriloU__WDLonGEtnFLtJZMmVW9P-FHe82NFBbGr2dLu1eI/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://juntenxblog.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div></div>
5. Simpan/save dan lihat hasinya
Sekian infonya dan semoga bermanfaat bagi sobat..................!!!
Advertisemen
