Здравствуйте, дорогие читатели!
При всех достоинствах бесплатной блог-платформы 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=’"https://www.blogger.com/comment.g?blogID=1111111111111111111&postID=" + data:post.id + "&isPopup=true&postBody=
%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"’ onclick=’javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=
yes,width=650,height=650"); 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
Интересно проверить: ответьте кто-нибудь 🙂
@Alex Smith
Тестируем 🙂
@Volos_86
тест
@МаксимКНадеюсь, это тестирование Вас убедило!-))
да неплохо, вот думаю крутить ли такую штуку в своем блоге
Здорово!!!
Классно! Кажется, у меня тоже получилось ;-))
Спасибо:-))
@Verochka
Рад, что у Вас получилось! Приходите ещё!-)
Классно:)
Интересно проверить: ответьте кто-нибудь 🙂
@spacy.tvА Вы попробуйте сами ответить!-)
Все получилось! Все здорово так!) Спасибо Вам!)
@Дарья Думнова Пожалуйста! Приходите ещё!-)
Retliff, вы так понятно все разъясняете, что даже у меня все получается! Спасибо вам!
@Алия
Спасибо, Алия! Очень приятно это от Вас слышать!
А почему у меня в блоге теперь после каждого коммента появляется ссылка на Ваш сайт? Это так должно быть? или я напортачила?
http://pureloveby.blogspot.com/
@Алия
эх а у меня что то не сразу…
@Татьяна Копируя код, Вы не обратили внимание, что вместе с ним скопировалась ссылка на мой блог, как на источник. Удалите ссылку из кода и всё будет нормально!-)
спасибо огромное!!!
Добрый день, а как бы мне чуть "раздвинуть" строчки в комментариях? Если большой коммент, они сливаются…
@Vera GaliУвы — не знаю чем Вам помочь:(
@Сергей Мазураш спасибо огромное _)))) очень полезно оказалось!!_
и ещё вот_ подскажите пож_та_ а можно как то сделать так что б ответ шёл прям сразу за сообщением, а не спускался в конец всего списка комментариев?_ большое спасибо!
А у меня кнопка есть, но она не работает…
То же самое.