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 :

16 комментариев:

  1. Вика привет, я этот виджет то добавлю, то удалю. Сейчас решила снова вставить. Это конечно спорный вопрос, но мне кажется, что переводчик все же нужен. В гугле проблем нет. А вот в мазиле бывает открываю страницу, а переводчика нет на сайте. И в этом браузере по моему нужны дополнительные настройки, чтобы как в гугле нажал правой кнопкой мыши-перевести на русский.

    ОтветитьУдалить
  2. Оля, привет. У меня та же история. Добавлю-уберу. Вот сейчас пусть стоит. Я тебе письмо отправила на почту. Убирать говорят надо ИЕ и всем советовать.

    ОтветитьУдалить
  3. Вика, привет! :) Спасибо за такие ценные советы и понятные разъяснения! :) Я тоже поставила себе флажки.

    ОтветитьУдалить
  4. Привет Кристина. Уже поставила! Ну ты оперативно. Здорово.

    ОтветитьУдалить
  5. Мне вот этот переводчик нужен на сайт, только не на вордпрессе, а другом CMS. Спасибо большущее прибольшущее!

    ОтветитьУдалить
  6. Красиво-о смотрятся! Беру на заметку. Мое Благодарю)))

    ОтветитьУдалить
  7. Девчонки. Рада, что вам понравилось.

    ОтветитьУдалить
  8. А я и не задумывался на эту тему, поставил такой какой дал blogger, красота для меня не главное, важно что бы было функционально и удобно.

    И еще у меня есть к вам вопрос не по теме: как вы убрали внизу надпись "технологии Blogger"?

    ОтветитьУдалить
  9. Иван, привет. Ты прав. Тут каждый себе выбирает. Но вам нас девчонок не понять. Что-нибудь давай покрасивее. А насчёт вопроса вот тут несколько вариантов есть http://slivsol.blogspot.com/2013/02/udalit-zamenit-nadpis-tehnologii-blogger.html. И ещё посоветую вот здесь у меня уже http://hpargallka.blogspot.ru/2014/01/ubrat-lishnie-ssylki.html. Удачи тебе.

    ОтветитьУдалить
  10. Клас! Огромное спасибо за кнопочки!

    ОтветитьУдалить
  11. Владимир, рада видеть Вас. Здорово, что пригодилось. С удовольствием читаю Вас.

    ОтветитьУдалить
  12. Спасибо за кнопочки! Осмотрела я внимательно код, но так и поняла.. Не подскажете, можно ли добавить украинский язык во второй код?

    ОтветитьУдалить
    Ответы
    1. Jozzi N, думаю, что эта статья вам подойдёт на этот случай-http://shpargalkablog.ru/2011/07/ustanovit-perevodchik-na-sait.html.

      Удалить
    2. Это интересно. Спасибо еще раз, Вика!

      Удалить
    3. Пожалуйста, рада что пригодилось.

      Удалить

Пользовательский поиск