Ссылка "Ответить" в комментариях 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.



22 комментария:

  1. Интересно проверить: ответьте кто-нибудь :)

    ОтветитьУдалить
  2. @МаксимКНадеюсь, это тестирование Вас убедило!-))

    ОтветитьУдалить
  3. да неплохо, вот думаю крутить ли такую штуку в своем блоге

    ОтветитьУдалить
  4. Классно! Кажется, у меня тоже получилось ;-))
    Спасибо:-))

    ОтветитьУдалить
  5. @Verochka
    Рад, что у Вас получилось! Приходите ещё!-)

    ОтветитьУдалить
  6. Интересно проверить: ответьте кто-нибудь :)

    ОтветитьУдалить
  7. @spacy.tvА Вы попробуйте сами ответить!-)

    ОтветитьУдалить
  8. Все получилось! Все здорово так!) Спасибо Вам!)

    ОтветитьУдалить
  9. Retliff, вы так понятно все разъясняете, что даже у меня все получается! Спасибо вам!

    ОтветитьУдалить
  10. @Алия
    Спасибо, Алия! Очень приятно это от Вас слышать!

    ОтветитьУдалить
  11. А почему у меня в блоге теперь после каждого коммента появляется ссылка на Ваш сайт? Это так должно быть? или я напортачила?
    http://pureloveby.blogspot.com/

    ОтветитьУдалить
  12. @Татьяна Копируя код, Вы не обратили внимание, что вместе с ним скопировалась ссылка на мой блог, как на источник. Удалите ссылку из кода и всё будет нормально!-)

    ОтветитьУдалить
  13. Добрый день, а как бы мне чуть "раздвинуть" строчки в комментариях? Если большой коммент, они сливаются...

    ОтветитьУдалить
  14. @Сергей Мазураш спасибо огромное _)))) очень полезно оказалось!!_
    и ещё вот_ подскажите пож_та_ а можно как то сделать так что б ответ шёл прям сразу за сообщением, а не спускался в конец всего списка комментариев?_ большое спасибо!

    ОтветитьУдалить

Буду очень признателен за Ваши доброжелательные комментарии!
Любые попытки втянуть автора и читателей в дискуссию, а так же ссылки на посторонние ресурсы - будут удалены.
Всем любителям "конструктивной критики" рекомендую прочитать статью http://maxpastukhov.com/critics