Gadget Traductor con Banderas

Aqui les dejo un manual, tutoria de como subir, colgar o poner un traductor de idiomas con banderas para nuestro blog para todoa aquellos bloggers que desean saber como se hace para tener un traductor como este:

<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 align=center>
<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/AVvXsEj0veAHzDBOR9lJyImaPovk1iTDpQuwVivSY0dVTSJway8i5Yz-gfbyOPLwiFF_K9XdnT8y5wKpb8mPsM9pVR4yFP8XzYWXsUBSUsDCxlDPEuqO80aZ96jYuLZYXjGUSdAxbAXktXGtYd8/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24" /></a>
<a href="http://curriculumsvitae.blogspot.com" target="_blank" title="curriculums vitae"><img src="http://sites.google.com/site/cvitaemm/imagenes/cv.gif" border="0" alt="cv" /></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/AVvXsEjyRSyja3u-Psvd2yLC7O-tm8hZHqrRvlrYtpckJYGNqCAv0hot40qz6b4kHH8N79PZ9T0IfJaYwIPqTRRjyIEUaS3oi4nHvpQd1vV1zqoNrzP9mXBg0Pu7pq8Re0w7u-aPh33vZJ5gl2k/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/AVvXsEgb51Zu5hKKWXXhRhPHJwOOK5GnCZfOWhG4Ogh5Z9u3VduhTs7P4r9PIJR4LBkVfJOzejifi2Q2dKSoApbqqz4FWRZsdxvw5z728gfdVbUUD1EdOyAxhZVXDfKz2MPT6nPVSShZhmxn0-0/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/AVvXsEgTrsXOUBqtKVxVKbze6iuHuGgEW7cLkeP7iY27Juf1u6yt2nyNlYlVdEyRxGNCcttRXsv2ePe71RjI4v_Ih3Wi3kgmzFGCtLbHV9ePA4JLs8kt7DziwdYiPrAxEFgLxNudfi3wT0uCYiQ/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/AVvXsEhNZ18t7hyYjvQyPAYgWDqlegUpeZKnJJF2G0fNk1maBkijbVdqnbVlHIoXx9J7qvr3EDW5e6Hguwj0qeE2BhQ6yun6tuBJL9UrdMeMNMgt4OojYOczV1h8mCOS2d5rCsh9zaud0d7ZlfM/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/AVvXsEiGEuaq0rarJP6po3_dd6UV1iBsAGaMe6h0RcAsCDJcUzlp2X0EVhLVoQlyTMd1ofa1EQdHBBa365P2KDTlMVUxHR-WK7eXqZVyT99RYIUmhPwTVjgJ81pXRTfuGierkRxlQhKDTo_7IBc/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/AVvXsEjyyDXWz_-0U2vcgGvQgdCGK6-0FoQePGr4uX42c1-N6YmdZpoUZVmpbGA9I4wNyZ2ZI5aSVxJQMyDZZpK13b6ln3Fo0viB3MKxadEOTLUGjseuQussAcKrvlMp9hZM3nYobVSUjrQfsvg/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/AVvXsEhW2rhXeciCPcJ2qVitIRE2FQ-I07_kfaERkG34GoBkH6UEAHb0RESMzMapSm4Xod8mBfNITC-QVafluYKboEoITZIMyR-Np1WgvsN6q79N7VwRJf2V72O6ZTBLUZEmn-kGwe2u7qlU_h0/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/AVvXsEhgD6Th6w-yAlsjbpyv5HY65TXQxD-uxzOeUahdtXBn_pbtO6NZHxb65YcGKEwCvH6vkFoFO8oxtzXX5DVe1Op4yoHKuogl5S7dxDwBrEaN5pLycxT32FtH239d8FVPYjPjZdAmOaJeasI/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/AVvXsEi3xCPMpDCRu05kjquaSIt4E4iuG-tyZshKJV5L3gShPLhNH322Sws5DPYGP8UtSmZ2m10MFqWnaaHRzwI0tSBSB6OMJcjx3klaO8LpIlPGlHNFqwFAFeiWKI1e3grmRnRRzZi2pWIe274/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/AVvXsEhrDbN4Nwzi210Pz-1xGFGGc0gw9bK-u8F61wsTmMu3blouxgFFPGBRT_osAHtEP6YnmtGvWcT4pi8jb9M-zgBBvmUAYd9wYz8O2hfuNLhyphenhyphenJhT_PXtVReP4koZx0JMNv8IB3QHI25XfDmM/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/AVvXsEih-IsTH9999ShImipotZhviuAuU4Dt1efWG66fz91fAyfgCeOkZHa4y6O3gcydQCUFClm6-ulZk6emS3HR55nsHkWOrysTWpCdum0NVGK1TvqfLSo9hvJ-T7JkEhhxh94Eq1VNGBXJVxE/s200/China.png" style="cursor: pointer;margin-right:8px" width="24" /></a>
</div>