Установить переводчик на другие языки на сайт

19.07.11 NMitra

Один из последних комментариев shpargalkablog.ru гласит: Сan you post this article in english. А значит наступил момент, когда нужно добавить на сайт функцию перевода страницы на другой язык.

Замечательное решение было предложено на DicasBlogger. Вместо установки соответствующего скрипта Google, достаточно указать ссылку на страницу уже переведённую им.

<a rel="nofollow"  onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ru%7Cen&en=ru&ie=UTF8'); return false;" title="Google-Translate to English">Английский</a>

Вместо en - можно указать кодировку другой страны.

af африканский	sq албанский	de немецкий	ar арабский
be белорусский	bg болгарский	ca каталонский	cs чешский
zh-CN китайский	ko корейский	ht креольский гаитянский	hr хорватский
da датский	sk словацкий	sl словенский	es испанский
et эстонский	fi финский	fr французский	cy валлийский
gl галицкий	el греческий	iw иврит	hi хинди
nl голландский	hu венгерский	id индонезийский	en английский
ga ирландский	is исландский	it итальянский	ja японский
lv латышский	lt литовский	mk македонский	ms малайский
mt мальтийский	no норвежский	fa персидский	pl польский
pt португальский	ro румынский	ru русский	sr сербский
sw суахили	sv шведский	tl тагальский	th тайский
tr турецкий	uk украинский	vi вьетнамский	yi идиш

Вместо слова "Английский" можно поместить код изображения.

На данном блоге я воспользовалась специальными символами:

<span style="vertical-align: super;">Я</span>↳<span style="vertical-align: sub;">Z</span>

Приверженцы платформы Blogger могут ещё более "облегчить" код, добавив указанный ниже вариант в шаблон HTML:

<a expr:href='&quot;http://www.google.com/translate?u=&quot; + data:blog.url + &quot;&amp;langpair=ru|en&amp;en=ru&amp;ie=UTF8
&quot;' rel='nofollow' title='Google-Translate to English'>Английский</a>

в f t

наверх ↑

32 комментария:

Анонимный: У меня не работает последний код. Скажите, как правильно его устанавливать? Может, я что-то не так делаю, добавляя URL блогa?
Петелина Наталья: А можно вопрос для чайников :) Куда именно этот код HTML нужно добавлять, ну в какое место точно? И какой значок переводчика при этом появится в блоге, где он будет, на боковой панельке?
NMitra: В гаджет HTML/JavaScript пишем первый вариант, тот который сверху.

Нижний вариант добавляем согласно статье http://shpargalkablog.ru/2011/03/kak-sdelat-odin-raz-na-vse-stati.html, туда, где он больше придется к месту.
NMitra: Анонимный, в нижний код не следует добавлять URL блога, data:blog.url - это блоггеровский <data:blog.url/>.
NMitra: Анонимный, вносите так как указано выше. Только вместо Английский можете разместить свой вариант.
NMitra: Значок переводчика может быть абсолютно любым, например, американским флагом:

<img
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
alt="Google-Translate-Portuguese to Russian"
src="http://lh4.ggpht.com/_mcq01yDJ2uY/SdkhG4bjxqI/AAAAAAAAAks/Ws6AzZdnZTw/United%20States%20of%20America%20%28USA%29.png" title="Google-Translate-Portuguese to Russian">
NMitra: Добавила скриншот в статью, надеюсь будет более понятно что к чему.
NMitra: Нужно ли составить код, включающий нескольких языков? Чтобы единственным необходимым действием было добавление его в гаджет HTML/JavaScript. С каким языками - английский,...?
Петелина Наталья: Спасибо, поставила, правда я думала будет кнопка или картинка на которую нужно кликать для перевода...
Петелина Наталья: Как поставить например такой переводчик, как здесь? http://teddymih.blogspot.com/
NMitra: Установить необходимые параметры в http://translate.google.com/translate_tools, а именно "Шаг 3"-"Режим отображения-Автоматически". Полученный код добавить в гаджет HTML/JavaScript
Петелина Наталья: Спасибо :)
Петелина Наталья: Установила "автоматически", правда я ничего не вижу (свою панель) так должно быть?
NMitra: Трудно сказать. Нужен аккаунт с иностранным IP.
NMitra: Панелька исправно показывается - протестировала. При выборе "Шаг 2" указала язык отличный от русского.
katya: В переводчике все языки на русском, как изменить, например английский English.
NMitra: Строку
&langpair=ru%7Cen&en=ru&ie=UTF8
заменить на
&langpair=en%7Cen&ru=en&ie=UTF8
Анонимный: в админ панели хоста и разработчика сайта Я (владелец) не могу установить англ и немец языки просмотра своего сайта
NMitra: В данном случае мы просто ставим ссылку на страницу уже переведённую Гуглом. Можете поставить ту же ссылку и во время написания статьи. Поэтому мне ваш вопрос не совсем ясен. Здесь не нужна панель хостинга.
EVGENIA MASLOBOEVA: Как установить гаджеты - картинки, примерно как в этом блоге справа
http://acreativemint.typepad.com/a_creative_mint/ ?
NMitra: Посмотрите здесь http://shpargalkablog.ru/2010/08/gadzhet-htmljavascript-blogger.html#ikonki
Анонимный: Проблемка: если поставить вместо "en" например "fr", все равно переводит на английский. Что же оно так?
Виктор Терпай: "en" смените и здесь "ru%7Cen". Для французского это будет ru%7Cfr !
Наталья, выделите кодировку и там, а то некоторые наверно не знают...
NMitra: Благодарю, Виктор, за ваш ответ, редко помощники у меня появляются! Подправила.
sochialka gleb: не работает!!!
NMitra: Вносите самый верхний код с ссылкой, нижний рассчитан для пользователей Blogger.

Во-вторых, воспользуйтесь вкладкой HTML.
Анонимный: Спасибо за Вашу помощь! Подскажите, пожалуйста, - есть скрипт переводчика http://www.nonna.by/ , но хотелось бы заменить флажок русского языка -(все и так на русском) на, скажем, перевод на турецкий. 3й во 2м ряду. Заранее спасибо за ответ.
NMitra: Это голландский флаг.
Анонимный: Теперь все флаги на месте, но когда нажимаем на турецкий - переводчик на русский, как язык поменять в скрипте?
NMitra: http://translate.google.com/translate?u=http%3A%2F%2Fwww.nonna.by%2F&langpair=auto|tr&hl=tr
Анонимный: http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ru%7Cen&en=ru&ie=UTF8 - Гугл ругается
NMitra: Вместо
'+encodeURIComponent(location.href)+'
поставьте адрес страницы сайта
http://www.google.com/translate?u=http://shpargalkablog.ru/2011/07/ustanovit-perevodchik-na-sait.html&langpair=ru|en&en=ru&ie=UTF8