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

Виджет онлайн-перевода
Продолжаем совершенствовать блоги, делая их удобными для зарубежных гостей, и на этот раз рассмотрим схожий с предыдущим виджет перевода текстового контента вашего блога на основе сервиса Google Translate.

Переводчик отличается большим набором поддерживаемых языков и не потребует каких-либо фантастических требований у вас при установке. Независимо от расположения, он отлично впишется в дизайн и не займет слишком много места в вашем блоге. После установки при клике на выбранный читателем язык онлайн-переводчик автоматически определит язык блога и переведет его на требуемый.

Пример виджета переводчика:

Виджет онлайн-перевода в блог
Поддерживаемые языки для перевода:
  • английский,
  • русский,
  • французский,
  • немецкий,
  • итальянский,
  • испанский,
  • японский,
  • корейский,
  • бразильский,
  • китайский,
  • голландский,
  • арабский.
Установка виджета онлайн-перевода в блог:

Виджет можно установить в любом месте шаблона. Для удобства воспользуйтесь гаджетом HTML/JavaScript.
Добавьте в блог этот элемент и в его поле впишите следующий код:
<style>
 .google_translate img {
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        border:0;
        }
        .google_translate:hover img {
        filter:alpha(opacity=30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
        .google_translatextra:hover img {
        filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
  </style>

 <div>
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEcZuSutdlp57sKuvGtMD6eFee3PCx29AJLHNubUmAqbgga4iZ7fy_PaQZNr8R6k1X-LcUR95GHUp4Xz0GtDhBOiGDowf4JEJOrKKeoVmaGQWRgwqkv6GxkBt_6LzvEwT-_qphcGEmHe8/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijMY-2NiCs9vO49yBUxv_UIorqVAYWaIszWBhSxPGzFzHlpv4M16Qe8K4olHb93bep5gxeAvAKC9fxsWIhFS_yzl2jLlBX05ztlXYEOAJ4R1cihfZsrFm27Lc4A6130g6P-OeK5YRZkVk/s200/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEeuyuBR-CdXGrEBamp7ldG0rT8ELYNZ_I6diUhYGLZDikb3Jtw_DdYjd4I1lio79BGH1-MJBcsC-NLGFaVVNtEBDZItXs6kzIlLvwef1mfV6HGQJ87a8el8ne3DprBX02WciIm4x6KVU/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzycixabi2ZbsTWI3JWIjlgfCeXnuK_TSD0ijX_6Skwtro9BWgkCVHmeZ_RQHEvvIDDOpu87RkaVFt8MiWummxtJirqkAfCTdgateeLB4zq_NgVB8K4dJKUL-bnRUPnAzI1kymuW9m_KA/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY2F7TZ7PgW1z-oUUzv4UHIIS6GOVHBORfg1dV2jPh1x_n_bAeyfVUeqhIvqokSN6iLEnRDXh9L-UflDK8umLzcD4bt3p5zHriAjwAI1RT_3nLwbxXS7p6zXSbviiiXe6ZVjcan9K7FOE/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKTGQ6okxH4ZAxa5lMAYDq497dh0SATsmwGm3mWoWBMhL-_6QfOfWatdbZpz75CZTrv7GflknQ_kZAluDeuKObQmtQJP9SkaMyP_0_uS2jYpbtjN4PltoGILwy0pfwRmn3p9KfAHEG3ow/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

      <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0zE-B6MpNYqzcxbWj16BVU2ZJXwErO_Upq6m2OButdfPdtPhIJsX56wAE9__4IbpiF6rOlkAX6iHbrqC1JSlZkndH2vedboS_-8JTFamSAYW1ARJhOEgF4adxtgviaa_NaxkX1i9EYs4/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivGFc6iUVUb-XuTGpblbJmH04qwDcPSt9vxkpqeQD_quraJbiZ95xiPOmHLb5JUIy8gsaTV8p-72WFL99czJoHdmdNLxkqRORfvEyRXfVNALXX-fLuleUGBoFnhetCDkpJm3XDQ2SZ7Kk/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2VPxK_VQY3JEXarCOPnly1r-mo3apswMBrBAfPqEg3D1_msgdM3ZLZ8Oeo5pxKYQWycVSzYS6Zmu4tylzjXi-2bZkQdQhIgD4PropMDklkuKl_rqgH5-W87_BywkCA2KHMiXQC-0mvfU/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOic1l0Oj0UF9ivlAP-W8Ie7vkdIQnQG_0siUNl1GF29rVO8sJTuauxDs3sPqVU2ZcSowDGvBxc64CVuXtS0ed_sFxPnM5Bt8fn9P17RDM52iuyjvYlD4GQf1r8mFlT3a_JbFjveWDfvM/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhClE772-G26_CV7MG8E9Ky4nvVyhWpo-8oQEQHl90dr8RJV9nADaXPnOzjVA078cWkcCdfQGXpyuPoxF3b-ompsho63l-Oq8Yb4EHSvEUlad9hDN5RKwUq_DjyQMznTGDc9wCAX3edN3Q/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNfCDJP2OPHy3S2fe2kND0W72NGAi30XXj8rSHsRMs_kxr5ov9c1nZMZBQmjunD98OYWU4VNthS0FdAQAojUHRcT_Yv4GDTdU-j4dZ4m7iYxZlC3KbunvW4GcfF2xDL6oIf9pHBCf9bso/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>      </div>
 <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div><br/><a href="http://bloggarolla.ru"><font size="1px">Получить виджет от <b>BloggaRolla</b></font></a>
Сохраните элемент HTML/JavaScript и расположите виджет в нужном месте шаблона, после чего сохраните весь шаблон.

После установки виджета онлайн-перевода можно со спокойной душой ожидать, что иностранный читатель правильно поймет вас и ваш бесценный контент блога. Если нет, тогда это уже грех сервиса Google Translate :)



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

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


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