8.10.09

Blogger: Новый переводчик от Google.

68 comments

Google стирает границы!

Всем доброго времени суток! Ребята из Google проделали невероятную работу и обновили (на самом деле разработали) фантастический online переводчик. Опробовав это переводчик в течении недели, осмелюсь сказать, что ЭТОТ переводчик - лучшее, что сейчас есть в области автоматического перевода страниц:

1) Кроме того что он работает теперь с 52 языками (т.е. вашу страницу теперь можно перевести на 51 язык);
2) Качество перевода радикально улучшилось;
3) Теперь он переводит даже тексты опубликованные на странице по средством JavaScript'а.

Работает он как и все в интернете в зависимости от браузера. Пожалуй из недостатков я могу отметить только одно: он как все у Google слишком умный. И в настоящий момент невозможно управлять появлением верхней (светло голобой) панели управления переводом. Т.е. в зависимости настроек языка в браузере Переводчик показывает верхнюю панель сразу и предлагает перевести страницу на язык настроенный в браузере вашего компьютера или панель перевода показана не будет, а будет показана только если вы выберете в гаджете переводчика язык, на котором хотели бы почитать эту страницу.

Разумеется, это только ваш выбор устанавливать у себя этот переводчик или нет. Если для вас важно чтобы иноязычные посетители легко читали вашу страницу - я его очень рекомендую (несмотря даже на эту светло голубую панель перевода, которая иногда может выглядеть неуместно).

Код можно получить по адресу: http://translate.google.com/translate_tools Вы выбираете язык с которого будет осуществляться перевод (язык, на котором вы пишите статьи) и языки на которые вы хотите чтобы был возможен перевод (я выбрала, что переводить нужно на ВСЕ доступные языки).

И вот такой код я получила для этого блога:
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ru'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Ни добавить ни убавить в этом коде почти нечего. Разве что у Кайла в блоге Windows to Russia мы немножко повозились вписывая его (гаджет перевода) в дизайн блога:
И код в результате получился такой:
<center><div id="google_translate_element" style=" padding: 10px 0px 0px 700px;"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></center>
Все изменения я выделила и подробно их описывать не буду. Только хочу чтобы вы знали, что скрипт можно заключить в теги center - и тогда он разместится по центру. В тег div можно добавить описатель стиля style и двигать гаджет с помощью него, и кстати div можно заменить на пример span.

Как всегда гаджет добавляем на вкладке Дизайн нашей Панели инструментов. Кликаем на Добавить гаджет и из списка доступных гаджетов выбираем прямоугольничек на котором написано Html/Javascript.

И еще несколько слов о переводчике Google:
1) Если вы НЕ хотите чтобы Переводчик Google переводил вашу страницу в метатеги добавьте строчку: <meta name="google" value="notranslate">

2) Чтобы не был выполнен перевод отдельных частей вашей страницы добавьте class="notranslate" в Html - элемент документа или еще проще поместите вокруг куска, который вы не хотите переводить теги <span class="notranslate"> и </span>

Зачем это может пригодиться, а чтобы при переводе не получить вот такой код для вставки в блог, как вы видите справа. Код был размещен у Кайла в блоге и затем переведен на русский с помощью гаджета Переводчика.

И Пусть Мир Вас Понимает!
Света
PS О других автоматических переводчиках в интернете читаем:Blogger: Переводчик у вас в болге!

Blogger: кошка.

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

3.10.09

Blogger: Как вставить 'Читать дальше' и чтобы боковая колонка осталась на месте.

66 comments

Blogger 10!У Blogger'а юбилей!
Blogger'у сравнялось 10!
Blogger дарит подарки!

... а мы учимся их использовать ;)

Сегодня мы с вами поговорим об одном из самых долгожданных Blogger'овских подарках о встроенном в редактор Blogger'а кате или ссылки Читать далее. Объявлена эта возможность уже довольно давно и я, как и все люди следящие за развитием Blogger'а , её попробовала сразу после объявления... В то время я заканчивала писать другую статью, а потом собиралась очень коротко об этой возможности написать... И тут со всех сторон посыпались жалобы на этот самый Blogger'овский кат: люди писали письма и комментарии, спрашивали в Russian Blogger Help Group (по-русски). Люди жаловались, что при использовании встроенного Blogger'овского ката, боковая колонка сваливается в самый низ блога(!)

Глядя на все это я поняла, что пост про новый Blogger'овский кат я писать НЕ БУДУ пока эта проблема не будет решена. Теперь решение найдено и в этом посте я объединю сразу два: о новой опции редактора Blogger'а - встроенном в редактор кате и о решении проблемы сползания (уползания) боковой колонки.

Но давайте обо всем по порядку.
Читать дальше...

27.9.09

Blogger: Устанавливаем гаджет Рекомендовать от Google Friend Connect

54 comments

Recommend It (Google Friend Connect Gadget) on BloggerЛучшее в блоге (мнение читателей).

Здравствуйте! Реально речь пойдет не о том что я считаю лучшим в этом блоге или Постоянные Читатели рекомендуют здесь почитать (об этом вы сможете узнать самостоятельно, взглянув на боковую колонку в раздел где такими красными буквами на ярко-желтом фоне написано "Читатели рекомендуют:"), а здесь я всего лишь расскажу о гаджете Рекомендовать! от Google Friend Connect, который у меня здесь и работает.


Как установить гаджет Google Friend Connect Рекомендую
в вашем блоге на Blogspot'е:


1) Идем на сайт Google Friend Connect: http://www.google.com/friendconnect/
2) Из списка своих блогов выбираем блог, на который мы хотим установить гаджет рекомендую и кликаем на него. Вот, я например сейчас решила установить этот гаджет еще на один свой блог Russian Video from Russia (соединю приятное с полезным, а вам картинки будут ;)).
3) Кликаем на "Social gadgets" и выбираем гаджет Recommendation.
4) Постепенно двигаемся сверху вниз по странице настройки гаджета Рекомендации:

I. Настраиваем Лист рекомендаций (Configure the recommendation list). Здесь все просто - слова в заголовках можно менять на русские, можно поменять количество ссылок показываемых за один раз (чтобы увидеть остальные читатель должен будет кликнуть Дополнительно на этом гаджете). Подбираем ширину, цвета и тип шрифта для гаджета, которые подойдут для нашего блога. (Делаем это аналогично с тем как мы делали при установки гаджета Комментарии от Googole Friend Connect: Blogger: Комментарии от Intense Debate vs Google Friend Connect).

II. Настраиваем Кнопку "Рекомендовать" (Configure buttons). Здесь уже начинаются тонкости и если кнопку мы в принципе можем выбрать любую: с сердечком или с галочкой, расширенного формата или маленькую и даже поменять на ней надпись. Все это дело вкуса.

А дальше вам необходимо определиться - будете ли вы показывать эту кнопку Рекомендовать после каждой статьи на главной странице блога или только на странице самой статьи.

Если вы предполагаете, что на одной странице может быть показано несколько кнопок (например, на главной странице блога можно размещать кнопку под каждой статьей).

То ставим галочку на поле "Advanced options for multiple buttons on a page" (Дополнительные опции для нескольких кнопок на странице). И там на против каждого поля: Link text и Link URL выбираем "Custom".


III. Теперь самое простое кликаем на кнопку Generate code (Сгенерировать код). И получаем два куска кода.

Первый кусок кода: про него они пишут Add this to the page where you'd like the aggregation gadget to appear надо добавить на боковую колонку вашего блога или в место на вашем шаблоне где вы хотите чтобы висел Список рекомендованного.

Второй кусок кода, а про него они пишут Add this to the pages where you'd like a button to appear добавить в то место, где вы хотите чтобы была кнопка Рекомендовать. Я думаю в нашем случае будет идеально добавить код в качестве Постскриптума (см. Blogger: Постскриптум для ВСЕХ постов вашего блога!)

IV. Предупреждение о том что сгенерированный на шаге III код может быть размещен только в том блоге для которого мы его сгенерили.

5) Со страницей гаджета Рекомендаций мы закончили, а теперь давайте грамотно установим код в шаблон блога.

Итак, если вы решили разместить кнопку рекомендовать только на странице статьи. Вы вспоминаете Как убрать постскриптум с главной страницы блога и мы на этом можем считать, что гаджет Рекомендовать у вас в блоге установлен.

А тем кто хочет чтобы кнопка Рекомендовать была показана для каждой статьи на всех страницах блога (как у меня здесь), придется еще немного поработать. Да, код мы уже вставили, но кнопка видна на главной странице только после первой статьи....

Будем исправлять ситуацию. Итак, для кнопки мы получили какой-то такой каждый свой код:

<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-3595719624701175122" style="width:100%;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['HEIGHT'] = '73';
skin['FONT_FAMILY'] = 'verdana,sans-serif';
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = 'transparent';
skin['ENDCAP_TEXT_COLOR'] = '#FF8000';
skin['BUTTON_STYLE'] = 'modular';
skin['BUTTON_TEXT'] = 'Recommend it to others!';
skin['BUTTON_ICON'] = 'default';
skin['BUTTON_MODULE_PROMO_TEXT'] = 'Did you like this page?';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderOpenSocialGadget(
{ id: 'div-3595719624701175122',
url:'http://www.google.com/friendconnect/gadgets/recommended_pages.xml',
height: 73,
site: '17026078346313475023',
'view-params':{"pageUrl":"http://www.mysite.com/products.html#product1","pageTitle":"Product1","docId":"recommendedPages"}
},
skin);
</script>
Первый набор символов (цифры конечно будут у всех свои) выделенный светло голубым заменяем выражением:
expr:id='data:post.id'
Второй набор символов, выделенный светло зеленым заменяем выражением:
'<data:post.id/>'
Третье выражение заменяем (выделенное розовым) на следующее:
"<data:post.url/>"
И, наконец четвертое выражение (выделенное светло лиловом) заменяем следующим:
"<data:post.title/>"

После внесения всех изменений как всегда нажимаем сначала ПРОСМОТР если кнопки появились, нажимаем СОХРАНИТЬ, если нет или только одна внимательно смотрим сравниваем исправляем ошибки и нажимаем ПРОСМОТР. Если процесс надоел и ничего не получается нажимаем ОТМЕНИТЬ ИЗМЕНЕНИЯ и возвращаемся к этому развлечению позже - например, на растущей Луне [говорят очень хорошо все получается! ;)]

6) Небольшой совет: не стесняйтесь рекомендовать свои статьи сами. Ваши рекомендации очень важны для читателей! И маленькое наблюдение: Гаджет "Рекомендации" у меня работал везде, кроме одной из моих самых любимых статей: Blogger: "Читать далее" для самых ленивых или газетный стиль вашего шаблона. Оказалось все дело было в двойных кавычках, когда я их изменила на одинарные - гаджет Рекомендовать появился, но большинство читателей уже прочитало эту статью без гаджета. Вот так оно и бывает....

Пусть каждый ваш день будет удачным!
СветаBlogger: кошка.

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

Популярные сообщения