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="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBORD9bI/AAAAAAAAACs/XkaLmmin4zg/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="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBrDZLrI/AAAAAAAAAC0/Kc6eDMT9LFI/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="http://1.bp.blogspot.com/_5jbh95HruKA/S1YVBzoFF2I/AAAAAAAAAC8/WgvMK3zP1Rk/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="http://3.bp.blogspot.com/_5jbh95HruKA/S1YVCdHp5VI/AAAAAAAAADE/lWHzr5znExU/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="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVCskNubI/AAAAAAAAADM/ChdHC6vYT4s/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="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWRkFo9UI/AAAAAAAAADU/4AzKfc6Oyxg/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="http://4.bp.blogspot.com/_5jbh95HruKA/S1YWR-jg9pI/AAAAAAAAADc/vYZrPOzazHU/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="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSGHcxOI/AAAAAAAAADk/ElHZBjDCZn8/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="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSR2_wYI/AAAAAAAAADs/GtKdPLKUluE/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="http://2.bp.blogspot.com/_5jbh95HruKA/S1YWSrlfMyI/AAAAAAAAAD0/_MACsRIW8wg/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="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWq7SrDkI/AAAAAAAAAD8/ZE8A1isEZrw/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="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWrMQAw9I/AAAAAAAAAEE/r-DEVtWXp50/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a></div>

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

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

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

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