Ссылка "Ответить" в комментариях Blogger

Здравствуйте, дорогие читатели!
При всех достоинствах бесплатной блог-платформы Blogger (blogspot), существует целый ряд мелких недоработок, требующих вмешательства веб-мастера.

Много нареканий вызывает и форма комментирования Blogger.


Это привело к тому, что некоторые блоггеры были вынуждены заменить "родную" форму системами сторонних разработчиков (Disqus, Facebook, ВКонтакте и др.).

Однако, не всё так плохо. Можно внести коррективы и в существующие комментарии.

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

По-этому, наша задача сделать процесс комментирования максимально комфортным для читателя.

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

Среди множества вариантов в Интернете, моё внимание привлекло предложение автора MyBloggerTriks - он не использует картинок, а значит не перегружает страницу лишним весом и внешними ссылками.

Посмотреть, как это выглядит и проверить, как работает можно в нижней части моего блога, в комментариях под этой статьёй!

Всё очень просто, достаточно соблюдать последовательность шагов:

Добавляем ссылку "Ответить" в комментарии Blogger
Начнём с поиска идентификационного номера блога, который привяжет всю конструкцию именно к нашему ресурсу.

Заходим в Панель управления  --Дизайн -- Элементы страницы. В адресной строке браузера, после знаков blogID=, мы увидим  цифровой код:

 Копируем его и сохраняем в "Блокноте", или любом другом редакторе. Следующие действия:

1. Заходим в Панель инструментов --Дизайн -- Измнить HTML

2. В целях безопасности сохраняем копию шаблона на жёсткий диск

3.Устанавливаем флажок "Расширить шаблоны виджета"

4. С помощью комбинации Ctrl + F находим в коде шаблона такой отрывок:

<dd class='comment-footer'>

или такой:

class='comment-footer'

Прямо над найденным отрывком вставляем следующий код:



<div class='MBT-replycomments'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1111111111111111111&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=
%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=
yes,width=650,height=650&quot;); return false;'>Ответить..</a></div>


Теперь 11111111111111111111 в коде заменяем номером нашего идентификатора, сохранённом в "Блокноте".

Остаётся добавить нашей ссылке "Ответить" внешние свойства:

1) С помощью комбинации Ctrl + F находим в шаблоне такой отрывок:

]]></b:skin>

2) Вставляем перед ним следующий код:

/*--------------MBT Reply Link --------------*/
.MBT-replycomments{
background:#ECEAEA;
cursor:pointer;
color:#fff;
margin:5px 0;
float:right;
border:none;
padding:4px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px georgia;
}
.MBT-replycomments:hover{
background:#E7E7E7;
}

Подгоняя стиль ссылки под дизайн блога, мы можем изменить цвет фона, размер и название шрифта.

3) Сохраняем шаблон

Теперь при нажатии на ссылку "Ответить" в комментариях, будет появляться такое окно, в котором уже будет введён логин оппонента:

Надеюсь, этот маленький трюк окажется Вам полезным!

Пусть все комментарии вашего блога будут содержать в себе исключительно позитивную информацию и только положительные эмоции!

Ваш Retliff

Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.

Твитнуть