Añadir traductor google con banderas a nuestro blog

Ya os conte como añadir el traductor google a nuestra web en este post, pero ahora os traigo ese traductor con otro diseño que es posible que llame la atencion a más gente.






Se trata del traductor de google con banderas. Para aladirlo a vuestro blog solo tenéis que añadir un nuevo elemento html/javascript y escribir el siguiente código:


<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/AVvXsEg-pw9CojT-Le6moXx1dLZ9tLxgkcjTrhPKr5Xaiq2wazVhnlekIWTu2zRKPIjpwjzrxtWqYsVJala6a9SiJRU7w_44VMEFNxoD9o7gl3E2VlyC6RY7_fx3bleNn9qeftMloyfSd3xfTp8/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/AVvXsEjreVgSzz4rxZ9nl-70s0MDCHDcNyaveuPmkfnLlD0NVSXolneBgK2Km-2qIuKb89d9qGVDQgsDeN6rc_T0OGWuxWyHtDp9Loa-be0T4B7Ava82TFt1SKdCnCYnPnE116g9l9kNkRoRaIo/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/AVvXsEgQgbw4q854N7u10GsOGwc-FB9DJwPafdQF0sg-DfCYPk-5dUoOV1LYe86OS3EuporGBlX_m1beyNqZxb3yyrgzflT_69RYBr5QbUrVEX-DPhml2J8tUooxrARqiJx31RZq_13PB7wnE6I/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/AVvXsEh2esBK44eIwuSK1Sr71n63xVJdwh0-P2t5CVc6D4eM_dw_yrl16IQMZk3qaECEg2f9GuAYXhYNv-LXUFlUTjZfUA1Gfcv1EY0lTYE1QFE5smWTmc4WnrCT6R0kOvDg5ivCTCctqHy4ZVg/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/AVvXsEhuXlIF3qfNd0Kp_Xd_oC4rR-CgtB9fEWuqfrbykmoteSaD5DwLdptUFYurQu9oVdUypxQRVd3wwp06KFn5e50ZAfS0GqMWUwgchnqqjV4UpB6GVnS2rduvPpASVoiW9GJacYtfX_v4Coc/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/AVvXsEhDRBMe1bkUwMYmIjvmV3g4DTRpv8HF1RWgNju_jTvuDxLDdi9STQdsFhuK_Zm6y8fJCB1eWwEu6dlCyuauLlMpI39jQgwNSIwfQoolejA90a41hyo9hKZ_qupVgWiu0-kD5War2yHaNmM/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/AVvXsEjYTL47P92cNPqyIWfT_bFmmn6LVC5gNALrjWEa-j_hOOHlIrUtbcEK7Ee87lWVTmm_on6kcN3PhQVPGyLkG0kTUBNUe4M6b8dAf-jTAzow16ry40FmDmfWzgdp_VT-b4sLzW1a9NSA9Ew/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/AVvXsEgktquc1nubjKCJe8e7GIf4J4TYdKizgA2eQmovmvVE-j7_6gAq3QLtOcgtZ_LxGURsQ2d3o3KPRbiADQ9sxjVusaXAXircq89IUcmsLPvgTsk92kg1gzPVIEdkMa8fJQeI_vhFhxTVnus/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/AVvXsEiQ2_Uvmhbi40Om08XB8Y44w-se7WZtZB124DWFXehcC9p502MfIrzRSCyT9sWTj7z-mPdySbtib1bHQBAcC3EkwCF81nBgV3DzsM0UqiSkQxDvlOZYIFRWL_9Tq4udqMxqqnR3kQL0iew/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/AVvXsEizHq7VU09CKHUjVbJ9uDjt9QQnJqHZflT5Py6bBpcYJ1zNYL2jPNK4LFf5hJd1xGR58etlSYoh-oAxQRtLrihMPLw4ne4UzJ5kQGMzc6AMGtNQIo-FBIU0k-HGtgljxaTjY8YRCYCmCzU/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/AVvXsEhdqFNv_AdJzcznLU1qB2B3oBwKQmWemLXWIicyI4xGelbWg9rkQ6qK67QfcMlRxRD93eVZs0r8W8Ttaxu0GDxKfXnGHDA6XhhXWyeP86F3iVtxmoQidqxIKkFDmx2zaSZ9-WWXYUoba-w/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/AVvXsEjZTE6WanBbmhu2Ao-jN3Q2QEo7NPWraQ9zYIc4iNDsE5MGLQ2OGgsP6YrFxLoDuhZi2CfweAu-wnwmQqLu-uIunNH8X6di2o9-uh8EfcMmTw1ETjoRR7D1mBFeW7-zetWsU-x32hSVMpc/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/>

<a href="http://www.ayudaparamiweb.com/"><font size="1px">Widget ofrecido por www.ayudaparamiweb.com</font></a>