вторник, 14 декабря 2010 г.

Google translate gadget

Всем привет! Когда я только начала создавать тут свой блог, первые пару записей я делала на двух языках, т.к. как сама читаю зарубежные блоги, что ОООоочень познавательно, так и ко мне захаживают из разных стран. Но это:
- занимает много места и даже маленький пост кажется огромным
- отнимает время переводить

по-этому я нашла выход!


Это замечательный Google Translate gadget, который можно поставить как через стандартные переводчики, так и вставить как HTML код в шаблон самой странички.
Мне второй вариант больше нравится своим результатом, ненавязчиво и там где надо.

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

что надо делать:
1. зайти в закладку Дизайн
2. выбрать "Изменить HTML"
 Не бойтесь, ниже появится абракадабра, но на самом деле это html код, тот самый ;-)
4. Теперь самое важное, вставить код в нужное место. Не волнуйтесь этот шаг можно будет вернуть и ваш блог никапли не пострадает. Главное НЕ жмите на кнопку "СОХРАНИТЬ" пока не будите уверены, что вам все нравится.

текст, который надо вставить:

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'ru'
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

А куда вставлять то?, спросите вы.

А вооооот после этих слов:
<div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>

Можете найти их через поиск, нажав ctrl+f, для простоты это находится выше слова   /header
 в результате получается следующее (наш код я выделила цветом):

    <header>
    <div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'ru'
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Wispering (заголовок)' type='Header'/>
</b:section>
    </div>
    </div>
    <div class='header-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </header>


Далее без сохранения жмете кнопку "ПРОСМОТР"
Если наверху слева появился нужным гаджет, то все получилось и можно сохранять, нажимаем кнопку "СОХРАНИТЬ" на страничке, где меняли код или же нажать на кнопку "УБРАТЬ ИЗМЕНЕНИЯ" и в вашем блоге пропадут все те изменения, которые вы только что сделали.
Надеюсь для вас это полезная информация =)
Удачи!
Целую!


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

  1. Лан, действительно хорошая идея!

    ОтветитьУдалить
  2. love your profile pic!
    I think I need to get google translate on my blog

    ОтветитьУдалить
  3. Thanx dear! =) I luuvvv it tooo! =))))) Google translate doesn't always translate in the right way ( i tries, and smt it made me laugh) but i thi it will elp to understand the topic of the article =) Hugs!

    ОтветитьУдалить
  4. Вот не давался мне ни когда английский, уж сколько времени и денег было потрачено на репетиторов и школу иностранного языка. И ни чего не удержалось в голове. В общем не сколнная я к языкам :(
    Так что обязательно воспользуюсь переводчиком. Спасибо ;)

    ОтветитьУдалить

Ко мне на "Ты". Меня зовут ЛАНА =)