3 варианта переводчика для блога

Доброго времени суток, мои постоянные читатели и гости блога. Вот очень долго думала, нужен ли блогу виджет переводчик. Сейчас ведь особо не составит труда перевести текст на любой из языков. Тем более если ещё и работаешь в браузере Хром. Да и Гугл нам в помощь. Идёшь по ссылке https://translate.google.ru и готово. Сама всем этим часто пользуюсь. Но всё же пришла к решению, установить себе в блог виджет переводчик.

Сначала установила из предлагаемых в списке гаджетов для блога. Он очень функциональный и выбор языков большой. Красиво смотрится в блоге и легко настраивается под дизайн.

Хотя я  люблю минимализм, но не удержалась и решила пусть он будет немного красочнее. Опять же проигрывает в выборе количества языков. Ну, а красота всегда требует жертв. Можете посмотреть , как он выглядит в самом верху сообщения. Мне понравились эти глянцевые кнопочки.

Устанавливаются они через гаджет. В него мы  вставляем следующий код

<table>
<tr><td background="http://cod-hacks.3dn.ru//templates/Aero/images/nzb.gif" width="2" height="15" ></td></tr>
<tr><td bgcolor="#707070" width="150">

<form action="http://www.google.com/translate_p" style="margin:0;padding:0;">
<p align="center">
<script type="text/javascript"
src="http://cod-hacks.3dn.ru/translate/translate.js">
</script>
<noscript>

<input name="u" value="http://cod-hacks.3dn.ru" type="hidden" /></noscript><input name="hl" value="ru" type="hidden" /><input name="ie" value="UTF8" type="hidden" /><input name="langpair" value="" type="hidden" />

<input name="I1" value="ru|ar" title="Translate this page to Arabic" src="http://cod-hacks.3dn.ru/translate/Arabia.png" align="absbottom" onclick="this.form.langpair.value=this.value" height="30" type="image" width="30" />

<input name="I2" value="ru|zh-CN" title="Translate this page to Chinese" src="http://cod-hacks.3dn.ru/translate/China.png" align="absbottom" onclick="this.form.langpair.value=this.value" height="30" type="image" width="30" />

<input name="I3" value="ru|fr" title="Translate this page to France" src="http://cod-hacks.3dn.ru/translate/France.png" align="absbottom" onclick="this.form.langpair.value=this.value" height="30" type="image" width="30" />

<input name="I4" value="ru|de" title="Translate this page to Deutsch" src="http://cod-hacks.3dn.ru/translate/Germany.png" align="absbottom" onclick="this.form.langpair.value=this.value" height="30" type="image" width="30" />

 
<input name="I5" value="ru|it" title="Translate this page to Italian" src="http://cod-hacks.3dn.ru/translate/Italy.png" align="absbottom" onclick="this.form.langpair.value=this.value" height="30" type="image" width="30" />

<input name="I6" value="ru|ja" title="Translate this page to Janpanese" src="http://cod-hacks.3dn.ru/translate/Japan.png" align="absbottom" onclick="this.form.langpair.value=this.value" height="30" type="image" width="30" />

<input name="I7" value="ru|pt" title="Translate this page to Portugues" src="http://cod-hacks.3dn.ru/translate/Portugal.png" align="absbottom" onclick="this.form.langpair.value=this.value" height="30" type="image" width="30" />

<input name="I8" value="ru|en" title="Translate this page to English" src="http://cod-hacks.3dn.ru/translate/English.png" align="absbottom" onclick="this.form.langpair.value=this.value" height="30" type="image" width="30" />

 
</p>
</form></td></tr>

<tr><td background="http://cod-hacks.3dn.ru/templates/Aero/images/nzn.gif" width="192" height="7" ></td></tr>
</table>

Поменяйте фон этого блока кнопок, который больше подходит под дизайн вашего блога. Параметры ширины и высоты блока, которые выделены синим цветом, так же можно менять. Если увеличить значение width="150, то кнопочки можно вывести в одну строку. 

И ещё один вариант переводчика с красивыми иконками в виде флагов. Вот такой

Это код для него

<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/AVvXsEiNf0Ov8EzqSTOzTOBLrICTVvu6jtvcCXITawftDbctL5bQwHUt0E5oqc81LCA31rmenUAv-76-TQ6E2nRP5fxUvz2-ecCqbwVfgEvGvBSszGCunlbZZz0_1VhoZpY78OMU1P8afI3AGvM/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/AVvXsEjg8l2abrwJV6nScnMpa6tWtGi7e8ltQypNCJGfgqdp2xQ6ZIEcsM-_Tn2j5lF56A4XKoNgUKHXRLg4EWS_LSuIt7dBjN0tVtaX7YSwC0qV8qSp2PbobxPRQ-4eGDfhS7OifFRcjVlQjGo/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/AVvXsEhdg_2jXhah9c-ybH8E4MxxZUvj7lvw_h1F2sLvweVFQMHYXap5y00K6e12QHaQZunjJRGjITBOuHfOXLErcdhndkA1t0yarFdz-BVI3CpQWzNJtxazTmfgSZaF0viSzTQnrqyqslDL7R8/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/AVvXsEgkCFUwegLtMvVJduK49aPsbz4X0ZAN9eGSZtCj4QEhHA9cFUgV82bfDTaGakG6T3_QkpR54bp4bfPDo2X7ehxjq6gaTPQ1Q5AlagvFn2X6h3PoX6QKK0_LYsbHp2v1-bNTTsiBIWGcJK0/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/AVvXsEgItK9YFCFrylp90c11EwG1cj5npq4H4zfeJuZH9vW22ypc_POW_UuMU9JDXJhJL8dLxi9Kr7PgF28PLZVKCCjWQ2M5zXtRe0A5qJjh_hwU2qwtp_OzWbYTx1tusDkoS7xQ3ZVEOtP80YM/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/AVvXsEiNw69DzE9WQBdUBGU5Gc7AcIWzNiEy-Xqo-N1cSt6OdcB8YI8BL9-BBHxELJS1tBnrNKG-um7zplCIxagSacgCNv6I_6quVzTOBOYFkeoN95QMrt8xKtEhFFPdLJDU0lfb75E3VahvXxE/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/AVvXsEhtM6FRpYMepLZ0Eotoh3QG4I73JBEDQD8S6oTPhhSd9RfGr8TbbBzz1tbPj1I5vvmzN5mz0ue57l-ferLGQ_xPsrFbXrXgkqGZtEiYth_zGm2iUbVSswjjcEciaBVLo1iY7St3MR3zK24/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/AVvXsEg-o8zQdDpk1ZPIyGAPpwS2oTglFq0MKP_eHuluMEVNEgrJ0XBN6hDpoc3-9zrvSdi0kEa006zHftparcLoZFq7Wh5jIlfS73jD9MrKofX6EdlYGX0SxTZTYmsoLM6iZRUTxTgXQkfoXZc/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/AVvXsEhwMbxlVXFv6L4h7m0VGU-kPREBepQ9vWsDBGyVmHp90UfHbQqBS7uhcFQCf7EEh1rFDUk-D3hWOygzH0j44chodyQ8AhXNZ0MjseGiDU_g2p_c7QzvKSkSIEohS7IweWyXG0HOskSukaI/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/AVvXsEijMJoE3F8RP2RClT_YUQ1-0MH5x-3kdGOCpx86MMK0Omy3IrE7QE74oVv6Tbwcq2NFQL-tYStp7kas8F2mCJ8ya5yCX4zkWUZbtwMcSqs3WEm1Mm1BEOXYnhTpwrwHLs5bnzGnszfv82A/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/AVvXsEgYMwtyQ3DhEKfIFP-irrFSsP4JqDm2OJPTR0o5CGAmIKb2uMvTsD7lD8eW_nI_ycEh6vD8A2SnW40CfySe9w3-a-x4RIYGr0ger-prdAdjVom0CFdvyFGlEtUfYe5E9EsR1rzOPzlhFtA/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/AVvXsEgEEn_rVByvJwdqLQ-c571oJpmHJDM0dc8CBfOq3ckf-hehOjSEuGMqq5_p-gnLoPpvHvn6MAy_PceQR7MZY33SYh5hFGv5dEFA-pmJTq7ZyDS6Dhv26fp2OYg_9UJbCo0jWnm0WPwGw5w/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a></div>

Так что выбирайте сами, что больше пришлось по вкусу. И пусть ваш блог читают на всех языках мира. А мы с вами расстанемся не на долго.

Удачи всем нам.

хотите оформить подписку на новые шпаргалки

введите пожалуйста свой email :