Kali ini saya akan membahas cara membuat widget google translate gambar bendera lingkaran. Tidak jauh berbeda dari posting sebelumnya, yaitu cara membuat widget google translate pada blogger. Yang membuat berbeda adalah adanya icon bendera berbentuk lingkaran. Widget ini akan otomatis menerjemahkan bahasa blog anda saat kamu meng-klik icon bendera tsb. Langsung aja yach..:
Cara memasang widget google translate gambar bendera lingkaran :
Pertama, login Blogger.
Lalu Dasbor, dan pilih menu Rancangan
Selanjutnya, Edit Tata Letak >> Tambah Gadget
Dan pilih HTML/JavaScript
Lalu copy-paste code di bawah ini :
1. Kode Pertama
Tampilannya:
Kodenya:
<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <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/AVvXsEgB8v_YE-yc4DyHJKGcq5UDReZa_Tf6zuC7a1Ri4Xwz2tqB5KPtoMwc3NWO7fhNh9h79M-QcVKV7CbDqemtnGQhoHpvV-nZ9vD7ejUKkyF2enrrEDeJrl_y8d_9qEWfXOV5m4tc7aSf2la_/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/AVvXsEhDZCx000w5GfbFhyphenhyphenrlykDKB9HSOLnnIa7r86V6zz7TX1WU2Ic0s8voqvvWw-9dMGqWKePPNF7WecdTRy0bKfVzX6bJ2PhszifKfE4Qe1wgaIx0bZiIqnyzySanNDTG8nlOBpgx_cHJeYl9/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/AVvXsEj9qQVCa4GUil-3QU0L7TLQTDPSnTpkP85Ps2TVdDW1YCSEpy2PJH0zCLAZ03Wh7XXcZA8-TG7KI3krs4geIzTI0gJB_EasxWlTblY3JuShD2XmW2sdLke84ET3_geGlhag9YDgOxddZ1vZ/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/AVvXsEilgTpra9Laxt3Kb1gDNDohlgxwv999f-y0alJqKzn_v2s5qSe0SqGfD2_NX5SLuOzc7w61A1LcPanSxqlDCTv0ZRjPIhfdaCQK83dOBEbeWF0pX1eDrGC18zNhUAb3QSOgNzMLFKAykI3X/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/AVvXsEhHSdboTbvXdNRYYtiWQZJj8GpD9nHy8ugYh41aaAHqYNiH741YqMfZ2I4RbLz9KjnnSo72CFhphXFqPBGZ4vcAhbinWYrw24xbJAZB6uYFDRwlvDh4WWN6uOlCZYwq-N7QHBAlg5ATHOvP/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/AVvXsEi44uysHtn0qU2HkBuNfmrUYLCwcNUGDI_VLhyGptbudIC50sojPmlkhPhfqPnyU11oeB4xjXYT_FyFR07W45ebkTnjp302Hleqna8_CogUWG9Qq9wc-7A9WFUt73jcQNm_8alpltNM_zm9/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <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/AVvXsEh5SUx1rx69Os0vQaqtOeaWYdfAqmg_aYynn-ZZnFF7OXhEc2a7YzbTHzl8grPxydedpZn26vxiWITY4cQez6lkYBWsGfxEIsqiORyyvmwqxlcBVJBA7eJiMNhXe7Koan1IMUXl2Rzmvrr-/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/AVvXsEiPoIhCwz8cyhEgshpBBeSCum5PEI_j6m7LEw0QLhgG_nFZa7IbimR3D_4Kf_IhV-iXUHiwBcftdvCAIfHjkyEsdqlG8C9mXzXZQ8u07eJwot0tq2MO6IltpSFhRLpmTqiulvcQIA0VfEip/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/AVvXsEgWtxOCXKUiHg349S4uK67y_iiHbSYpJ5Y6pDQu9Z-yvuMUlCBFPOMfjE78H-hQ6d5SSh3D-cAKOAS9V1Vvf6P_nW7Q5h6wsmKtBhKRgbBtiOiJCWSM7x66ZfjHASXq3GkABOo3VHybVHf3/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/AVvXsEjSo0Kyzx0DQZPoKJOLlSXD5ro14ceoi6cC-FvLWeYquYRYplxlJctaUINbJ1rt98M41xtrbXmyJAjpCmZJLdVLfByb1rf6pSTk_qE_pUegDtsnPQlYgoLeSOQe3w61_Vmgcwq0TtdLDSUN/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/AVvXsEizyjxw2ljdBkwCQnXxfSDkEiEJSgssU_HUb5VBJ9-G-tpnRX25H2s8_s8J5IUkzpwylxFDAtK4Of14dnQEvliPYYv6ru5kdAyhkL7UXLSHElQ4Tl684Po9dHfKGL4S_0cI1zL6xgK4kl5g/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/AVvXsEi6-3XrvIcfxQP4TugI2fMSfDzLN72O9ul3jSXuelGlNqtZB80PZG9I2CsoWgV4a6G1P-n1yFSjAo0QYQFUftsbzictutJovP1eX1Ly2aldNqAVSHi6BHmsWcNkKe4S6XfsjQjfpsYtuN6X/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a><div style="font-size:9px; padding:8px 0px 0px 0px"> Get This Widget, <a href="http://san-murep.blogspot.com/2011/05/cara-membuat-widget-google-translate.html" style="color: yellow;" "target="_blank" rel="nofollow" title="dapatkan widget">Google Translate</a>!!! </div></div>
2. Kode kedua
Tampilannya :
Kodenya:
<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <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/AVvXsEgB8v_YE-yc4DyHJKGcq5UDReZa_Tf6zuC7a1Ri4Xwz2tqB5KPtoMwc3NWO7fhNh9h79M-QcVKV7CbDqemtnGQhoHpvV-nZ9vD7ejUKkyF2enrrEDeJrl_y8d_9qEWfXOV5m4tc7aSf2la_/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/AVvXsEhDZCx000w5GfbFhyphenhyphenrlykDKB9HSOLnnIa7r86V6zz7TX1WU2Ic0s8voqvvWw-9dMGqWKePPNF7WecdTRy0bKfVzX6bJ2PhszifKfE4Qe1wgaIx0bZiIqnyzySanNDTG8nlOBpgx_cHJeYl9/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/AVvXsEj9qQVCa4GUil-3QU0L7TLQTDPSnTpkP85Ps2TVdDW1YCSEpy2PJH0zCLAZ03Wh7XXcZA8-TG7KI3krs4geIzTI0gJB_EasxWlTblY3JuShD2XmW2sdLke84ET3_geGlhag9YDgOxddZ1vZ/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/AVvXsEilgTpra9Laxt3Kb1gDNDohlgxwv999f-y0alJqKzn_v2s5qSe0SqGfD2_NX5SLuOzc7w61A1LcPanSxqlDCTv0ZRjPIhfdaCQK83dOBEbeWF0pX1eDrGC18zNhUAb3QSOgNzMLFKAykI3X/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/AVvXsEhHSdboTbvXdNRYYtiWQZJj8GpD9nHy8ugYh41aaAHqYNiH741YqMfZ2I4RbLz9KjnnSo72CFhphXFqPBGZ4vcAhbinWYrw24xbJAZB6uYFDRwlvDh4WWN6uOlCZYwq-N7QHBAlg5ATHOvP/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/AVvXsEi44uysHtn0qU2HkBuNfmrUYLCwcNUGDI_VLhyGptbudIC50sojPmlkhPhfqPnyU11oeB4xjXYT_FyFR07W45ebkTnjp302Hleqna8_CogUWG9Qq9wc-7A9WFUt73jcQNm_8alpltNM_zm9/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/AVvXsEh5SUx1rx69Os0vQaqtOeaWYdfAqmg_aYynn-ZZnFF7OXhEc2a7YzbTHzl8grPxydedpZn26vxiWITY4cQez6lkYBWsGfxEIsqiORyyvmwqxlcBVJBA7eJiMNhXe7Koan1IMUXl2Rzmvrr-/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/AVvXsEiPoIhCwz8cyhEgshpBBeSCum5PEI_j6m7LEw0QLhgG_nFZa7IbimR3D_4Kf_IhV-iXUHiwBcftdvCAIfHjkyEsdqlG8C9mXzXZQ8u07eJwot0tq2MO6IltpSFhRLpmTqiulvcQIA0VfEip/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/AVvXsEgWtxOCXKUiHg349S4uK67y_iiHbSYpJ5Y6pDQu9Z-yvuMUlCBFPOMfjE78H-hQ6d5SSh3D-cAKOAS9V1Vvf6P_nW7Q5h6wsmKtBhKRgbBtiOiJCWSM7x66ZfjHASXq3GkABOo3VHybVHf3/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/AVvXsEjSo0Kyzx0DQZPoKJOLlSXD5ro14ceoi6cC-FvLWeYquYRYplxlJctaUINbJ1rt98M41xtrbXmyJAjpCmZJLdVLfByb1rf6pSTk_qE_pUegDtsnPQlYgoLeSOQe3w61_Vmgcwq0TtdLDSUN/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/AVvXsEizyjxw2ljdBkwCQnXxfSDkEiEJSgssU_HUb5VBJ9-G-tpnRX25H2s8_s8J5IUkzpwylxFDAtK4Of14dnQEvliPYYv6ru5kdAyhkL7UXLSHElQ4Tl684Po9dHfKGL4S_0cI1zL6xgK4kl5g/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/AVvXsEi6-3XrvIcfxQP4TugI2fMSfDzLN72O9ul3jSXuelGlNqtZB80PZG9I2CsoWgV4a6G1P-n1yFSjAo0QYQFUftsbzictutJovP1eX1Ly2aldNqAVSHi6BHmsWcNkKe4S6XfsjQjfpsYtuN6X/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px">Get This Widget, <a href="http://san-murep.blogspot.com/2011/05/cara-membuat-widget-google-translate.html" style="color: yellow;" "target="_blank" rel="nofollow" title="dapatkan widget">Google Translate</a>!!! </div></div>
Post a Comment