Заставляем работать виджет "Действия" в Opera

ReactionМногие в своих блогах на платформе Blogger (Blogspot) задействуют виджет "Действия" (в английской версии "Reactions"), с помощью которого читателю предоставляется возможность оценить статью. У меня вы его тоже можете наблюдать внизу каждой статьи, только под другим именем - "Оценка статьи".

Так вот, проблема в том, что стандартный вариант виджета "Действия" не работает в браузере Opera - показывается только название виждета, в то время как варианты оценки статьи не отображаются. Вызвано это тем, что для выстраивания элементов виджета используется таблица. Opera же оказалась не способна корректно отобразить элементы виджета, перемежающиеся элементами таблицы. Будем это исправлять!

Открываем редактор шаблона (Дизайн->Изменить HTML), ставим галочку напротив "Расширить шаблоны виджета", после чего находим стандартный код виджета:
<span class='reaction-buttons'>
  <b:if cond='data:top.showReactions'>
    <table border='0' cellpadding='0' cellspacing='0' width='100%'>
      <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
        <span class='reactions-label'>
        <data:top.reactionsLabel/></span> </td>
      <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
     </tr></table>
  </b:if>
</span>
А вот то, чем этот стандартный код следует заменить:
<span class='reaction-buttons'>
  <b:if cond='data:top.showReactions'>
    <data:top.reactionsLabel/>
    <iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no' style='position: relative; bottom: 16pt; left: 66pt;  margin-bottom: -16px;'/>
  </b:if>
</span>
После этого читатели блога смогут проставлять оценки вашим статьям во всех современных браузерах, включая Opera.

Комментариев: 9

  1. Спасибо, очень помогли!

    ОтветитьУдалить
  2. Захожу периодически ;) В моем шаблоне этого куска про 'reaction-buttons' вообще не было - пришлось чутку поискать куда вставить, нашел, вставил, высоту подровнял - вроде работает )) Спасибо еще раз ))

    ОтветитьУдалить
    Ответы
    1. Либо шаблон из совсем старых, либо Вы просто забыли предварительно виджет Reactions включить в Дизайн->Сообщения блога->Изменить.

      Сейчас у меня в блог некоторое затишье. Но не потому, что забросил, а просто ваяю довольно сложный в исполнении скрипт для персонального обращения и цитирования в комментария на платформе Blogger. Так что не думайте, что блог умер :-p

      Удалить
  3. Здравствуйте! У меня не работает виджет Действия вообще, помогите :( Отсутствует в шаблоне кусок reaction-buttons, пытался просто влепить "куда попало", но ничего не меняется. В железе не шарю, если возможно, подскажите, можно ли как-нибудь исправить это?

    ОтветитьУдалить
  4. Ответы
    1. Я так понимаю, Ваша проблема была в том, что Вы не инициировали виджет "Действие" прежде чем пытаться внести правки в код?

      Удалить
  5. Я Гор, У меня ничего не работает... Когда я меняю ког о котором вы говорите, у меня вес код перестает работать... помогите разобраться...

    ОтветитьУдалить
    Ответы
    1. И как я должен помочь? Я у Вас за спиной не стою, что Вы делаете, не вижу!

      Удалить

Хотите подписать свой комментарий, но у вас нет аккаунта? Выберите в выпадающем списке Имя/URL.
Вы сможете вписать свои имя или ник. Поле для указания URL можно оставить пустым.

Тэги, допустимые в комментариях