Установить стильный переводчик для сайта - блога.
День добрый друзья. Понедельник день нелегкий по-этому сегодня я расскажу вам о том, как можно легко и просто установить на свой сайт - блог, виджет переводчик от гугла. Вообще это можно сделать через раздел Дизайн - добавить гаджет и в появившемся списке выбрать виджет Переводчик. Тогда на вашем веб-ресурсе появится обычный переводчик. Если же вы хотите более стильный, виджет переводчика, тогда вам нужно все через тот же раздел Дизайн - Добавить гаджет, в списке выбираем HTML\Javascript и в появившемся окошке вставляете следующий код:
Сохраняете виджет и проверяете, что вышло в итоге.
В общем оказалось, что наш переводчик не совсем идеален, переводит не все элементы сайта, но текст в постах переводит в полном объеме. По-этому я решил добавить еще один переводчик. Я взял стандартный переводчик гугла (google) и немного подкрутил его внешний вид. Теперь проблем с переводом сайта не возникнет, но в некоторых шаблонах из-за конфликта кодов, в постах при нажатии на картинки они могут не открыться и это касается только браузера Google Chrome в остальных порядок. Эта проблема может возникнуть даже, если вы добавите обычный переводчик через раздел Дизайн - Добавить гаджет. Виноват в этом один из кодов Javascript вашего шаблона. Чтобы картинки вновь открывались в браузере Google Chrome нужно перейти в раздел Настройки - Сообщения и комментарии - напротив надписи: Показывать изображения в Lightbox? - вместо Да выбираем Нет.
Посмотреть, как выглядит новый вариант кнопки переводчика можно на тестовом сайте. Находится она вверху, с правой стороны. Установить сие чудо можно в любом месте вашего сайта или блога. Для этого переходим в раздел Шаблон - Изменить HTML ищем код
]]> перед ним устанавливаем код:
.goog-te-gadget-simple .goog-te-menu-value span {
text-decoration: none;
color: #fff;
}
.goog-te-gadget-simple {
background-color: #333 !important;
border-left: 0px solid #d5d5d5 !important;
border-top: 0px solid #9b9b9b !important;
border-bottom: 0px solid #e8e8e8 !important;
border-right: 0px solid #d5d5d5 !important;
font-size: 10pt;
display: inline-block;
padding-top: 1px;
padding-bottom: 2px;
cursor: pointer;
zoom: 1;
margin-top: 10px !important;
border-radius: 4px;
margin-right: -13px !important;
}
.goog-te-gadget img {
vertical-align: middle;
border: none;
display: none !important;
}
.goog-te-gadget-simple .goog-te-menu-value span {
text-decoration: none;
margin-right: 5px !important;
color:#fff !important;
}
.goog-te-gadget-simple:hover {
background: #ff3d00 !important;
transition:all 0.8s;
}Сохраняем шаблон, переходим в раздел Дизайн - Добавить гаджет - HTML\Javascript - в окошке вставляем следующий код:
Сохраняете виджет и теперь можете переводит кучу текстов своего сайта или блога.
Коммент.