Cara Memasang Translator Bendera

Hai....,,Mau memasang Translator berbentuk bendera coba ikuti point-point berikut ini...

1. Pertama login dulu ke akun bloger anda..
2. Lalu klik rancangan, elemen laman...
3. Klik tambah gadget,,lalu pilih html/javascript
4. Lalu masukan code di bawah ini :

 <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/AVvXsEgfAA2YGHjeh96Tyd8XFdSgD2LD7aHYSJmfwTYN9wsUR4EMjak8ObGMkkhCpXxZjGdIXGNpaaLMv29l52xKBz1bMOnc55E4KczMrHOc5aQz3Z8e8AcULdCeSHMKncDT1HgOkzWniDC-MnG_/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/AVvXsEj7Sutr4gNgUv1Q6zeegdH2iAkQmStDs31ZmS5szoSIOyts8S0WLKhpedhcDYmkIMpXhRyEho23Qo__LayP5Dw9t6pxxiBrJAOAGjYndMkyPZUiMpmcVjqK-oW9e1Wi9CkcUH4gNQlz2ZTy/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>