Интеграция сервиса Fruitful Bookmarks с сайтом на примере блог-площадки Blogger (blogspot.com)

2011-10-19
    Забегая вперёд, заметим, что результат интеграции вы можете увидеть на этом блоге: появились дополнительные элементы управления слева и справа на странице.
    При помощи ссылок слева (↓ и ↑) посетители могут сохранять и восстанавливать позицию просмотра блога. Конечно, это лишь часть функционала, предоставляемого полноценным хранилищем Fruitful Bookmarks, но зато она работает без этого самого хранилища, пользователям (и даже владельцу сайта или блога) не нужно его создавать. Сделать это предельно просто: нужно взять второй скрипт со страницы http://www.fruitfulbookmarks.com/#site, немного модифицировать, а именно, заменить все символы & на &amp; (всего их 4), так как Blogger экранирует эти символы в шаблонах, и добавить его в шаблон блога, например, в самом конце перед закрывающимся тегом </body>.

    Элементы справа помогают вашим посетителям сообщать об ошибках и опечатках, найденных в тексте, а вам — отслеживать эту информацию и исправлять найденные недочёты. Для получения панели управления опечатками следуйте инструкции из предыдущего поста: http://fruitfulbookmarks-ru.blogspot.com/2011/10/blog-post.html, модифицируйте стили по собственному желанию и получите удобный инструмент уведомления об ошибках и опечатках в вашем блоге на blogspot.com.

Оцени и поделись
{[['']]}


Ещё больше полезного:

Отслеживание ошибок и опечаток в текстах на вашем сайте или блоге

2011-10-11

    Посетители вашего сайта или блога могут помогать вам с исправлением ошибок, которые, к сожалению, иногда появляются в текстах. Опечатки, неточности, пропущенные знаки препинания — всё это будет найдено пользователями и с помощью нового сервиса Fruitful Bookmarks запротоколировано для последующего исправления. Для этого необходимо сделать следующее:

  1. перейти на сайт Fruitful Bookmarks;
  2. создать новое хранилище, вам понадобится идентификатор (ID, состоящий из 10 знаков) этого хранилища для последующих шагов;
  3. добавить в код HTML ваших страниц стили и элементы для управления правками (смотрите пример ниже).


    Пример того, как могут выглядеть стили элементов управления правками (имена должны совпадать):
div.ffbs_correction_main {
position: fixed;
top: 40px;
right: 1px;
width: 240px;
height: 33px;
border: 1px solid #20cc20;
z-index: 9999;
background: #ffe0e0;
padding-left: 2px;
padding-right: 2px;
overflow: auto;
opacity: 0.8;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 10px;
}

span.ffbs_moreless {
border-bottom: 1px dashed black;
font-size: 8px;
}

span.ffbs_moreless:hover {
cursor: pointer;
}

span.ffbs_lookup {
border-bottom: 1px dashed black;
font-size: 10px;
}

span.ffbs_lookup:hover {
cursor: pointer;
}

span.ffbs_highlight {
color: red;
background: #d0d0d0;
border: 1px dotted #0099cc;
}

    Пример загрузки элементов управления правками:
    <script src='http://www.fruitfulbookmarks.com/correction/init/ID ВАШЕГО ХРАНИЛИЩА/rus/collapse'></script>

    Немного подробнее об адресе http://www.fruitfulbookmarks.com/correction/init/ID ВАШЕГО ХРАНИЛИЩА/rus/collapse:
  • ID ВАШЕГО ХРАНИЛИЩА — этот тот самый 10-символьный идентификатор недавно созданного вами хранилища;
  • rus — язык элементов управления и сообщений. Здесь два возможных варианта: rus и eng;
  • collapse говорит о том, что элементы управления изначально будут отображаться в коротком виде, т.е. без отображения самих правок. Другая возможная опция — expand;

    Чтобы добавить правку, пользователю необходимо выделить текст, содержащий ошибки, нажать Ctrl+Enter и в открывшемся окне предложить исправленный вариант. После обновления страницы правка отобразится в "окне" управления правками, раскрыв которое администратор ресурса сможет перейти к проблемному месту в тексте или удалить правку.
    Пример работы вы можете посмотреть прямо сейчас — управление правками находится справа от этого сообщения.

    О выявленных ошибках в работе правок сообщайте в комментариях.

    P.S. И немного ошибок — вдруг в тексте сверху их нет.

Оцени и поделись
{[['']]}


Ещё больше полезного: