Membuat Translate Dengan Icon Bendera

1.Layout
2.Page Elemen 
3.Add Gadget pilih HTML/JavaScript
4. Copy paste 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=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwCU2OYivsDiA3mjv93VwJ1JKwMMqSK9aFmQvujGjESN04PFS8FVcYysBWBErARtTZ2l1elAiwFfDN9G36QffYhlBvU6EVE_HhVMPYXI0GD0WjC2yKv5W1kZ03jn5euvhcwZ_A3-uNzyA/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" 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=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfARW5r0rh2GN7LRUxC_Stqz88BD9P9yNRKH6lbPGoO1QNaiAJ1TdxFCPRFbrVaE08Z-BzNAj34Z3hHAZonREyoCvQea8q4xBLf36tsYKvCONYghM_c7Hiz-LT0AK15d0_xFc2VY2NIY/s200/France.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5v0FXtmT8pLE8GQmhe-dbqwyve3dtQQZAftN5I74S1RQNCZZu7CLTYKsOLPIA6rSjsrpCtl-w_pB8OQN-pEwHEJffqurzTY1-ards46uOVFzzwisTIJzmBLuK6n0KHtEUk02jx1jptEA/s200/Germany.png" style="cursor: pointer;margin-right:8px" 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=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXAK0ys7KwT10qOUgoM9KvNkvS5NGYjEn-J952PBzoK8TC-qtXaIkrv4dUr7NHB1HxlhaXl-pDy8_WC0hZ7tq1T1O0JWMNpo3240cV7gmFSOSjnYsgQ2cOfeEAAZHBX-UktQ5K8HTp5Jc/s200/Spain.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyheGKwmilO2UU8EsxbnKJytxLnEhTbCk8C79aUYbDHLRy8XmRcG8dN4gEQQFcxWw-8ASDIP1ywtmQOCjrSa4EC8_JDGxjuFiqVbne9DDtBeyAZZHE8sye90d5DkVvqrwyk2eUqwtmvWU/s200/Italy.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7HmqHO5svpX6OptMefiYeuKlTDCbC59Qrn40CrHs3fmJOxt2dj1_BSgQPjCZK90NioFp9SsmaInZU1Dq3FFpQ9msdgXvkTXuTHZz8xm_ElBtcAiZeUxDryRvJD4YBM9Oqeq3kgnpg8kk/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg34RF1UEAnBajA7rM9AKj5QsHzwcy9Zply1LFbszQtmVcD-DahRPFQOuwxe6OMuim3yjinHvWyD4xUaA3pF7NfqxLgnBFivUSuwhmS3NMLOrQ7Fh9HgbjusqSGJMuAjRmty_XKGxbj3GE/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggn0q61lk8fxHX4nm4JTJ2iRzJsgpvAM0YyfXJJucnKo2IP97gZ9ZZVAyJlszpgwkQiYcZlZyfh6LIEq9JhDc6Ln-a3azHrn8VFwSjXIFuYs77mN7aD3ZtAOb1XhSJCzULPW4EkgbSrPU/s200/Brazil.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgT5GH3VpQbcxh0mWsSmEZe67PhdIhWIsRo5ZOjgFhtirZ5zb_goVol8WUaG2jP2ZtGcWd5qjY7sGZG9J8BnEb9Ognjwm4CA1VTkq9MP_nVQmaKzzR2skBN8ggs46VmvRZImIjCADVdhw/s200/Japan.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7zwLSqyhQI-iLvNqK7P9pgXCD42KQ1WMT6_9Brm3rhqxRqPMtCo4BbDkh_uRH7pG5MMRrc8VbXTifrJP7wjS-3ktZr86czyWQZHyPb9irzH8dfyqby3Wp-I7SFhoNCyXqYiZ_kzGam7A/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" 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=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJevQX11Zro0S5N2AeKA9ypSjeBAzazZ39HPOHo9W_wgy05KN8IUlJWq0Lt0Bdxewdmktd4rnooyEFZrtmMlFFvVj95aPnctsoCXL7ftDvMO_luHmh4oSFRuKrfw9f3CCwiX3eEFvhP_E/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" 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=auto%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/AVvXsEi1Cz2cWihAZVb33l9amO4Aai9nqflEbiaLdJRfCFAmdoS7UqwTFvBQZIJ9ggGdXXsJ3aQVHvimpQtquefSKvRlZdqd95trhvrz3oWYTKO6Yr1ElFgEQbQ-IT0vJu1iP-En8x32B-ChStU/s200/China.png" style="cursor: pointer;margin-right:8px" width="24" /></a> </div>
<div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>
<br />
 
5.Save, dan lihat hasilnya

0 Response to "Membuat Translate Dengan Icon Bendera"

Posting Komentar

Powered by Blogger