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>

Далее без сохранения жмете кнопку "ПРОСМОТР"

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

Надеюсь для вас это полезная информация =)

Удачи!

Целую!