Ссылка "Ответить" в комментариях Blogger
Здравствуйте, дорогие читатели!
При всех достоинствах бесплатной блог-платформы Blogger (blogspot), существует целый ряд мелких недоработок, требующих вмешательства веб-мастера.
Много нареканий вызывает и форма комментирования Blogger.
Это привело к тому, что некоторые блоггеры были вынуждены заменить "родную" форму системами сторонних разработчиков (Disqus, Facebook, ВКонтакте и др.).
Однако, не всё так плохо. Можно внести коррективы и в существующие комментарии.
Количество комментариев на блоге - один из важнейших показателей его полезности и востребованности, а, следовательно, этот фактор учитывается поисковыми системами при ранжировании и определения места блога в поисковой выдаче.
По-этому, наша задача сделать процесс комментирования максимально комфортным для читателя.
Попробуем добавить к классической форме комментирования Blogger ссылку "Ответить", позволяющую вести диалог не набирая каждый раз логин оппонента вручную.
Среди множества вариантов в Интернете, моё внимание привлекло предложение автора MyBloggerTriks - он не использует картинок, а значит не перегружает страницу лишним весом и внешними ссылками.
Посмотреть, как это выглядит и проверить, как работает можно в нижней части моего блога, в комментариях под этой статьёй!
Всё очень просто, достаточно соблюдать последовательность шагов:
Добавляем ссылку "Ответить" в комментарии Blogger
Начнём с поиска идентификационного номера блога, который привяжет всю конструкцию именно к нашему ресурсу.
Заходим в Панель управления --Дизайн -- Элементы страницы. В адресной строке браузера, после знаков blogID=, мы увидим цифровой код:
Копируем его и сохраняем в "Блокноте", или любом другом редакторе. Следующие действия:
1. Заходим в Панель инструментов --Дизайн -- Измнить HTML
2. В целях безопасности сохраняем копию шаблона на жёсткий диск
3.Устанавливаем флажок "Расширить шаблоны виджета"
4. С помощью комбинации Ctrl + F находим в коде шаблона такой отрывок:
или такой:
Прямо над найденным отрывком вставляем следующий код:
<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 находим в шаблоне такой отрывок:
2) Вставляем перед ним следующий код:
3) Сохраняем шаблон
Теперь при нажатии на ссылку "Ответить" в комментариях, будет появляться такое окно, в котором уже будет введён логин оппонента:
Надеюсь, этот маленький трюк окажется Вам полезным!
Пусть все комментарии вашего блога будут содержать в себе исключительно позитивную информацию и только положительные эмоции!
Ваш Retliff
Твитнуть
При всех достоинствах бесплатной блог-платформы Blogger (blogspot), существует целый ряд мелких недоработок, требующих вмешательства веб-мастера.
Это привело к тому, что некоторые блоггеры были вынуждены заменить "родную" форму системами сторонних разработчиков (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Увы - не знаю чем Вам помочь:(
ОтветитьУдалить@Сергей Мазураш спасибо огромное _)))) очень полезно оказалось!!_
ОтветитьУдалитьи ещё вот_ подскажите пож_та_ а можно как то сделать так что б ответ шёл прям сразу за сообщением, а не спускался в конец всего списка комментариев?_ большое спасибо!
А у меня кнопка есть, но она не работает...
ОтветитьУдалитьТо же самое.
Удалить