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

Многие в своих блогах на платформе 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.