Web Design: Cara Memasang Widget Google Translate Bendera (2)

Sebelumnya saya telah update post tentang Cara Memasang Widget Google Translate Bendera. Nah kali ini saya juga akan update post tentang Cara Memasang Widget Google Translate Bendera juga. Namun, kali ini versi keduanya. Beda dengan widget sebelumnya. Jika sebelumnya berbentuk bulat. Kali ini berberntuk Kotak. Berikut kodenya:

<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/AVvXsEjUNpctkYD60bk6NKvpsRFIGtbU1Lfc1bvgnel2E0_wcEt4emsFvkKhS-I1_50VZ3Vt_PjNREWP3oqfCBSg7OwuPTfS_J-SqQYY0aEoqQvaKrkjNx5unA3cQS1Fpt7IRwaBznseoO3mwMw/?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/AVvXsEjPRqwvU-ZkXQqiJIWSO3G0K5hJDXJwdi8oPX8FNLc1gSYmmB6WNq3cfTdLj_HjcaL29do9e72lRikHSDP2CgRkCcnnEYuh4RQLjVT4muIgz6aaOlKpINRhL6JNLm3cBHzuEMbGsai_ZgI/?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/AVvXsEgVb2rijwx7eutcEnA3MGNX5PLXhLsRKVU_WJBjtx3WDguXkQQq1WnbKZwShm-7na4nvgiPs0Jji6b0MfnjL2EoRgHAGlYPtemWuuVCO94FwuJ8wad9JP4-z_5it3ixLE-Z0dU2eOY0wDH1/?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/AVvXsEj7u7RhgW1PE72yYQvPdic8LC-GOC9uOtsYWWkF5OXURuBS4fV0SLZjWRgSmosFzrTVxGjaiLrJzcvnRlmzIwdOgFPtZB7bytrH2G3RI7KrKvBoZTFDKjP3e9mfe303L4Xb2ExW6dH0W1Uf/?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/AVvXsEhtYvgo5gXSjMisoC_OvkNp9ih2Sr5ASwW3Vfpz_nevK0dhiFTzT7hRZWrSnxJjMWW-raYxG2_kctmQvZSMXmVgaLCRnuGgSwWgkCUAqQa60wfWxynSrG_Gr3zfJT8_6l-vS_on2Ofqp4M/?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/AVvXsEhAIFL9xc9qPsx-FG_c9UaTAhV0E2kbRLmvNh0_I7U2U7jqZHNKra2c9M2mbKYPqexLH_OD87ehELCOaITRhQ-pXhD8fYYIuvTLvycDxCM8x9dOJE9rt40BSCwPLa-DXejS_OkGSpk9YiA/?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/AVvXsEjGyzg-UaqR5qdiBIOkZ2FKoSjIBqqcx3zcTrJyiI4_07QYB_GLvZ9T5sQ2S_Iw44MmUl57m-FVG7MOJlKU2vTj8K6e0nyr1VEb1SbWkFSLC3APBlIITP9IH_ZlRM93aJsvhKURpqi_s6s/?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/AVvXsEi2TKjCA3AWnfCzKgXbYoHk2ASl25BxQ_wVh0eQLbOux8nOamFTk40fZbgdaHuLNwo8dm8XoiZHA2RnhJZ-2ZN9j81aE58WsjWr30Thbmy9QNoIUpIkmvDtpmr1Qak_29rA0TsndFd_rFQ/?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/AVvXsEijPkOdOscQCU8XhArmjAEjazYGBWQe9Vws_RrI-ldX2Ram32NYdFf07ErxeOEpF02QDPemE2jbx6XYUDCglsnlJf1aeHz73hUI6MNNXmJh_anysJ0HHv6v7AepZ6qAbatd60mGpFszyWSr/?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/AVvXsEhcPaOExKPPqq1BuGSHSdLywhTiVMiF-jEBd8DH05stmMhdC9xntoC5wfO0FXMNShA0eRk952-mzHwJWIG1Fo3_qEZJryK0puYJQReOJ5Wm0V8Rpo0X7Pqhobj4hz_WT9a7wNOQgMXgRWI/?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/AVvXsEj87Nig7cVY7SlFhvDal-uzXDY6A6yZOfsfbadfhCXDCdFNfek6Wo1Wkn_yl0dH3vTNUlRRbHi153SgqiS9pPwcoRdDjP-CoReAv2VSx4STomdO1H-5sLW7TBNQ5Cqw74Mg7v2h_u71a-8/?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/AVvXsEjsmmSaQE3P7kc6s8WzjiDLoFjspdqz0zRtmZrXcDu6wZw3mE2MO2Mof7Y_6IhgPC9yIwGIGfGFWOiMaTmxsvRUvgRA1rllFert5aa1bjuTckkwL1RfwXfVf8sjLkM1b14U7r_Oa4aU-lI/?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.blogspottutorial.com/>BTF</a>
</div>