Как перевести блог - Google Translate
четверг, 17 декабря 2009 г.Продолжая рассказывать о том как усовершенствовать свой блог хотел бы рассказать о так называемой языковой панели "Google translate widget", вы наверно видели на зарубежных блогах область где расположены флаги различных стран, кликая на которые мы получаем необходимый нам перевод статьи. Я нахожу этот элемент улучшения блога очень полезным, так ваши статьи смогут читать посетители не владеющие русским языком. Вот так он выглядит.

Так вот расскажу о нескольких способах как сделать такое же у себя в блоге. Два способа практически одинаковы, разница лишь в разном коде виджета.
Итак приступим:
1.Войдя в свой блог, заходим в настройки вкладка Дизайн / Элементы страницы нажимаем на Добавить Гаджет в том месте где мы хотим видеть наши флажки. Это может быть заметное место около шапки блога либо не заметное как на этом блоге - в низу страницы.

2. В открывшемся окне выбора гаджетов выбираем HTML/JavaScript (скрипт позволяющий прописывать свои коды гаджетов, либо брать готовые коды, как я вам предлагаю)

3. В появившемся окне, называем нашу панель по желанию (например "Перевести Блог"), а окне ниже копируем и вставляем следующий код:
01 | < form action = "http://www.google.com/translate" >< script language = "JavaScript" > |
02 | <!-- |
03 | document.write ("<input name=u value="+location.href+" type=hidden>") |
04 | // --> |
05 | </ script >< input name = "u" value = "http://lagunof.blogspot.com/2009/12/kak-perevesti-blog-google-translate.html" type = "hidden" > |
06 |
07 |
08 | < input name = "hl" value = "en" type = "hidden" >< input name = "ie" value = "UTF8" type = "hidden" >< input name = "langpair" type = "hidden" >< input name = "langpair" onclick = "this.form.langpair.value=this.value" src = "http://photos1.blogger.com/img/43/1633/320/13539949_e76af75976.jpg" title = "French" value = "en|fr" height = "20" type = "image" width = "30" >< input name = "langpair" onclick = "this.form.langpair.value=this.value" src = "http://photos1.blogger.com/img/43/1633/320/13539933_041ca1eda2.jpg" title = "German" value = "en|de" height = "20" type = "image" width = "30" >< input name = "langpair" onclick = "this.form.langpair.value=this.value" src = "http://photos1.blogger.com/img/43/1633/320/13539953_0384ccecf9.jpg" title = "Italian" value = "en|it" height = "20" type = "image" width = "30" >< input name = "langpair" onclick = "this.form.langpair.value=this.value" src = "http://photos1.blogger.com/img/43/1633/320/13539966_0d09b410b5.jpg" title = "Portuguese" value = "en|pt" height = "20" type = "image" width = "30" >< input name = "langpair" onclick = "this.form.langpair.value=this.value" src = "http://photos1.blogger.com/img/43/1633/320/13539946_2fabed0dbf.jpg" title = "Spanish" value = "en|es" height = "20" type = "image" width = "30" >< input name = "langpair" onclick = "this.form.langpair.value=this.value" src = "http://photos1.blogger.com/img/43/1633/320/13539955_925e6683c8.jpg" title = "Japanese" value = "en|ja" height = "20" type = "image" width = "30" >< input name = "langpair" onclick = "this.form.langpair.value=this.value" src = "http://photos1.blogger.com/img/43/1633/320/13539958_3c3b482c95.jpg" title = "Korean" value = "en|ko" height = "20" type = "image" width = "30" >< input name = "langpair" onclick = "this.form.langpair.value=this.value" src = "http://photos1.blogger.com/img/43/1633/320/14324441_5ca5ce3423.jpg" title = "Chinese Simplified" value = "en|zh-CN" height = "20" type = "image" width = "30" >< input name = "langpair2" onclick = "this.form.langpair.value=this.value" src = "http://farm4.static.flickr.com/3043/2347434064_0d36a04624_o.gif" title = "Arabic" value = "en|ar" height = "20" type = "image" width = "30" > |
09 |
10 |
11 | </ form > |
Теперь ваш переводчик (Google translate gadget) работает.
Второй переводчик, как по мне, более красивый, так как флажки ярче и принимают прозрачный вид при наведении на них стрелки мыши. А также в нем встроен русско-английский переводчик. В этом коде вам не нужно ничего менять так как этот код сложнее, мы переделали его, чтобы он работал для русских блогов. Процедура создания этого гаджета абсолютно идентична, разве что вам необходимо будет ввести другой код в "HTML/JavaScript". А именно:
01 | < style > |
02 | .google_translate img { |
03 | filter:alpha(opacity=100); |
04 | -moz-opacity: 1.0; |
05 | opacity: 1.0; |
06 | border:0; |
07 | } |
08 | .google_translate:hover img { |
09 | filter:alpha(opacity=30); |
10 | -moz-opacity: 0.30; |
11 | opacity: 0.30; |
12 | border:0; |
13 | } |
14 | .google_translatextra:hover img { |
15 | filter:alpha(opacity=0.30); |
16 | -moz-opacity: 0.30; |
17 | opacity: 0.30; |
18 | border:0; |
19 | } |
20 | </ style > |
21 |
22 |
23 |
24 |
26 | < a class = "google_translate" href = "http://www.blogger.com/post-edit.g?blogID=8847484052048236285&postID=5493073594518834056#" onclick = "window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%ru&hl=ar'); return false;" rel = "nofollow" target = "_blank" title = "Arabic" >< img alt = "Arabic" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzFBNUX8wYr0enMFZCtdT5YNIhQMlnfV6AdrWvaJugYLZMffwEsi2O5ebMNZZn31ycpClJxMc0mgcT5VXPcCb01PWpjaWT2lazJWEl1pzcNgZ7A1_Ucv2FkyIaoZcX-ZYgaGf0-CRz6is/?imgmax=800" style = "cursor: pointer; margin-right: 13px;" title = "Arabic" align = "absBottom" border = "0" height = "32" width = "24" ></ a >< a class = "google_translate" href = "http://www.blogger.com/post-edit.g?blogID=8847484052048236285&postID=5493073594518834056#" onclick = "window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%ru&hl=zh-CN'); return false;" rel = "nofollow" target = "_blank" title = "Chinese Simplified" >< img alt = "Chinese Simplified" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH9krRtDKJy6i1xvbPC5HNnOIzMSFmX2Es1IfCQSPIz_qBKPnW-uu5qlxARH4Oj-RnN4LNtOnduDHf57Oz9bdF42Y86EeISHF9KWNpnIhezTwZ14o04-UB5UONAJ82-mJUiqAiUaqFr5g/?imgmax=800" style = "cursor: pointer; margin-right: 13px;" title = "Chinese Simplified" align = "absBottom" border = "0" height = "32" width = "24" ></ a > |
27 |
28 | </ div > |
Страницы на иностранном языке индексируются поисковой системой и иногда вы будете иметь посетителей из других стран. Вот и все , пользуйтесь с удовольствием.
Похожие статьи
Blogger с нуля
- Как изменить шаблон в blogger
- Создаем свой фон в Blogger
- Google Analytics “поиск на сайте” – отслеживаем что ищут пользователи в блоге или на сайте.
- Гаджет "Наиболее популярные статьи"
- запланированные посты в blogger
- Гаджет "Поделиться с друзьями" включающий в себя все существующие социальные сети
- Гаджет "похожие статьи" с картинками
- Как убрать blogspot из названия блога
- Как использовать шрифты от Google в Блоггере
- Организую вэбинар как создать блог на блоггер
0 коммент.:
Отправить комментарий
Комментировать...