Онлайн-генератор веб-цветов
Онлайн-подбор оптимальных веб-цветов для сайта
Онлайн-редактор HTML
Цветовой онлайн-калькулятор
Онлайн-калькулятор
Онлайн-рисовалка PencilMadness
  • Web
  • Images
  • News
  • Videos
  суббота, июля 09, 2011  

Виджет онлайн-переводчика
Для того, чтобы блог был популярным и удобным и среди зарубежных слоев населения, не лишним будет установить на него виджет транслитерации - своеобразный онлайн-переводчик, на основе переводчика от Google.
Тем более, что устанавливается он достаточно просто и легко, все что потребуется - это выделить для него место в шаблоне вашего блога. Либо разместить виджет в нужном уголке блога старым проверенным способом - с помощью гаджета HTML/JavaScript.

Итак, для установки виджета языков следуем: Дизайн > Элеметы страницы > Добавить новый гаджет. Из списка гаджетов выбираем элемент HTML/JavaScript и в его открывшееся поле вписываем следующий код:

<table> 
<tr><td background="http://cod-hacks.3dn.ru//templates/Aero/images/nzb.gif" width="192" height="13" ></td></tr> 
<tr><td bgcolor="#ffffff" width="192"> 

<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" /> 
<br> 
<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" /> 
<br> 
</p> 
</form></td></tr> 

<tr><td background="http://cod-hacks.3dn.ru/templates/Aero/images/nzn.gif" width="192" height="7" ></td></tr> 
</table>
Сохраняем виджет и размещаем в нужном месте шаблона.

Пример виджета:

Теперь для того, чтобы перевести страницу вашего блога, достаточно кликнуть на нужный язык в виджете онлайн-переводчика.



Понравилась статья? Поделись ею с друзьями!

Не забудь подписаться на обновления блога:


Вы можете оставить свой отзыв через блок комментариев Вконтакте. При отсутствии профиля в этой социальной сети, воспользуйтесь удобной формой Disqus ниже.