pada posting kali ini saya akan membahas translate language dengan
gamabar tampilan bendera
bulat sepeti pada contoh gambar di translate blog saya
oke kita langsung sajah menuju inti pembahasannya, simak tutorialnya:
.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/AVvXsEi1Vw9IYRtu-KFFU9TfKkxfOfzCT8S6lw4qLMpX3qI6lnkBtTl4AF5ysHw4Uq8gzCwToAigBUvKe30Fc2bjk5Nu-1jq7qCpMO-U58WGiDUu8C9chQfjTvzhpMNB6EwGLF_o9L4LrOWPPt8K/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/AVvXsEgwkzQBpuMuFqEAv3V6d7LE8pM34VGDbDGKH6J4eAgEy8gI6nIl4XYl2vmn1ACHEOiRPej26FZ3T_ZX0y3AvkE6Qj4rAV9DUUqaovLdWaqBedEOdOmvgnEFhiA_iubg3lrP5L0MKXqUpB2U/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/AVvXsEhsK4U5HqO0DfLB8f7p2hIOJyG0sx64KnbQP9lj0-wCEtT_DEr4pGL4TtqQuWdVWGjghbvrS822zZnRiXiDHKpEzfjErJD-sqbTSg1MMkbS68E33degnTv3zqIoQJdCtrlyANmO-SRPHaTS/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/AVvXsEgQvszGxuQw9yO9I7lXWll0qgs_KczZU1JomwuXzxJO4WDE-FiJulsl53tjHIsev44N_G8mES-qd3iIFGbewcRQgK6aYOa1iVMJ928BLnObapTaFsf-wNGocPU665_FMypYqjC0aLp050oe/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<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/AVvXsEgmxiJAk4l5E_jlcIkx38cLxKdpEfhk_1X5vAX1cgzG_yEuUOwmtUtkb7z_EVW5lrAL5SxsZuA01t1cos3OA6IOX2Lrw7q0yj9SCF7ghjBKjihnHj6zht_PjwDVVcm-zS3Nd1VBpSWGTBDV/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/AVvXsEgJXcwerxYerfcP5r7iBNuvMER6wIU2d52POOGG2D8g2CfavBNZ6uuPeaSsp5vUyw5BfKFZi30sikNWOb4DxzXERmT0bxbKLEOxTNHnkXfo8urOetP4g30y7ScMVbB2uAaCnMZZ2YN1oQUc/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/AVvXsEhhQc1HJuIEeknxKkbqyATvcAjEkyoeFZDJf0q_rb7uEH_nE-MyAjykgo_MGxoCrS1MfPH4A-i4ToxuK-3ZHzpkctiqPMBjT3rt2CaYtFvGYeQiiAh1kWG-FNhXLObJshEpyeCsstFcuFGS/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/AVvXsEgfWqHuoa-_tQ4iE33gePMefs_62YrvrnlPOtMPbf0phgHoHspFALsKq9rJFuqQBFyz6q_6uWnga68EQpBpZI6rahtT18nW0981wTMFJoQ5iIqzjYConmr_8ht7yNh4nzefh8lQ8D_qAEN5/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<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/AVvXsEg856JfX4cL_GvISAg5szBDl4wOVKTmHK4SJ8zrGM0j8TjYuGM9plTxEoW1JKWh82gYkKtkegoEVWH6jTIsxrDO3o8WHUrfKdybU7iG1MgPDPKMVbvI9PzDwM7Wak_3c8VvNOn5eoP5PQAX/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/AVvXsEid0ad9URgou3TpwwUaJ0FQ4qgrDzA1hk-gWzITE4CtAOQIupLF3tKu45FTCvhPOPVOxv8cvBNsla5_a-4YQdWuMzp81yqq0XliJeDC9ZAxOhEQ0lzVLmj67B1ukA656Kv2gZhyphenhyphen6dlVy0Pp/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/AVvXsEh_DZ3kae2DhUSsPZwowW6GtuKHQpaHB-f45McgiiumNfPbEi3KAc6NH17vAQ4XdT6xeoUOgI1J3nBiSiQIX9AI37pBOtN5U0TmLBnnQs18PQKe1KwS9i7ELquL5AQdpSyL4Ppo9nucc7my/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/AVvXsEgFUjVght7m3rUxAZ5_ssgAJK_UGpeL3A_BMy00MyY1ye7yz_bPcQWyxz9G1siRoCiDulzuJ3A9mupKubytiqm6HTeSiveymddUX-lrRWJ1HqJHju3Wzl_0QpzrdwxfC8Q_i0Z3XSGtAV2N/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://ahmadbjblogs.blogspot.com/2012/08/cara-membuat-widget-translate-language.html" target="_blank">Translate Widget</a> by Google
</div></div>
oke kita langsung sajah menuju inti pembahasannya, simak tutorialnya:
- masuk BLOGGER
- masuk Rancangan atau Design
- Elemen Laman
- add Gadget
- pilih HTML/java script
- masukin script di bawah ini
.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/AVvXsEi1Vw9IYRtu-KFFU9TfKkxfOfzCT8S6lw4qLMpX3qI6lnkBtTl4AF5ysHw4Uq8gzCwToAigBUvKe30Fc2bjk5Nu-1jq7qCpMO-U58WGiDUu8C9chQfjTvzhpMNB6EwGLF_o9L4LrOWPPt8K/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/AVvXsEgwkzQBpuMuFqEAv3V6d7LE8pM34VGDbDGKH6J4eAgEy8gI6nIl4XYl2vmn1ACHEOiRPej26FZ3T_ZX0y3AvkE6Qj4rAV9DUUqaovLdWaqBedEOdOmvgnEFhiA_iubg3lrP5L0MKXqUpB2U/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/AVvXsEhsK4U5HqO0DfLB8f7p2hIOJyG0sx64KnbQP9lj0-wCEtT_DEr4pGL4TtqQuWdVWGjghbvrS822zZnRiXiDHKpEzfjErJD-sqbTSg1MMkbS68E33degnTv3zqIoQJdCtrlyANmO-SRPHaTS/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/AVvXsEgQvszGxuQw9yO9I7lXWll0qgs_KczZU1JomwuXzxJO4WDE-FiJulsl53tjHIsev44N_G8mES-qd3iIFGbewcRQgK6aYOa1iVMJ928BLnObapTaFsf-wNGocPU665_FMypYqjC0aLp050oe/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<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/AVvXsEgmxiJAk4l5E_jlcIkx38cLxKdpEfhk_1X5vAX1cgzG_yEuUOwmtUtkb7z_EVW5lrAL5SxsZuA01t1cos3OA6IOX2Lrw7q0yj9SCF7ghjBKjihnHj6zht_PjwDVVcm-zS3Nd1VBpSWGTBDV/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/AVvXsEgJXcwerxYerfcP5r7iBNuvMER6wIU2d52POOGG2D8g2CfavBNZ6uuPeaSsp5vUyw5BfKFZi30sikNWOb4DxzXERmT0bxbKLEOxTNHnkXfo8urOetP4g30y7ScMVbB2uAaCnMZZ2YN1oQUc/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/AVvXsEhhQc1HJuIEeknxKkbqyATvcAjEkyoeFZDJf0q_rb7uEH_nE-MyAjykgo_MGxoCrS1MfPH4A-i4ToxuK-3ZHzpkctiqPMBjT3rt2CaYtFvGYeQiiAh1kWG-FNhXLObJshEpyeCsstFcuFGS/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/AVvXsEgfWqHuoa-_tQ4iE33gePMefs_62YrvrnlPOtMPbf0phgHoHspFALsKq9rJFuqQBFyz6q_6uWnga68EQpBpZI6rahtT18nW0981wTMFJoQ5iIqzjYConmr_8ht7yNh4nzefh8lQ8D_qAEN5/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<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/AVvXsEg856JfX4cL_GvISAg5szBDl4wOVKTmHK4SJ8zrGM0j8TjYuGM9plTxEoW1JKWh82gYkKtkegoEVWH6jTIsxrDO3o8WHUrfKdybU7iG1MgPDPKMVbvI9PzDwM7Wak_3c8VvNOn5eoP5PQAX/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/AVvXsEid0ad9URgou3TpwwUaJ0FQ4qgrDzA1hk-gWzITE4CtAOQIupLF3tKu45FTCvhPOPVOxv8cvBNsla5_a-4YQdWuMzp81yqq0XliJeDC9ZAxOhEQ0lzVLmj67B1ukA656Kv2gZhyphenhyphen6dlVy0Pp/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/AVvXsEh_DZ3kae2DhUSsPZwowW6GtuKHQpaHB-f45McgiiumNfPbEi3KAc6NH17vAQ4XdT6xeoUOgI1J3nBiSiQIX9AI37pBOtN5U0TmLBnnQs18PQKe1KwS9i7ELquL5AQdpSyL4Ppo9nucc7my/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/AVvXsEgFUjVght7m3rUxAZ5_ssgAJK_UGpeL3A_BMy00MyY1ye7yz_bPcQWyxz9G1siRoCiDulzuJ3A9mupKubytiqm6HTeSiveymddUX-lrRWJ1HqJHju3Wzl_0QpzrdwxfC8Q_i0Z3XSGtAV2N/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://ahmadbjblogs.blogspot.com/2012/08/cara-membuat-widget-translate-language.html" target="_blank">Translate Widget</a> by Google
</div></div>
