Ответ на комментарии в blogspot (blogger) - ..про жизнь.. страдания анонимного блоггера - Алексей Одиночка

воскресенье, 20 ноября 2011 г.

Ответ на комментарии в blogspot (blogger)

Это сильно недостающая функция комментариев на блоггере. Конечно, древовидного вывода ответов достичь пока не получилось, но народные умельцы уже наклепали скрипт для ответов на комментарии. Я его совсем капельку доработал под себя, вы тоже можете немного его изменить, правда с основной его частью очень много возни.

1. Переходим в Дизайн => Элементы страницы
В адресной строке вы увидите http://www.blogger.com/rearrange?blogID=, после чего идут цифры. Эти цифры - идентификатор вашего блога. Просто оставьте вкладку открытой, потом надо будет скопировать ID в скрипт.

2. Открываем Изменить HTML, жмем Расширить шаблоны виджета
Сейчас мы будем вставлять скрипт. Перед этим желательно сохранить бэкап (Загрузить весь шаблон), на случай если все сломается.

3. Вставляем скрипт перед <dd class='comment-footer'>
Найти можно этот тег через функцию поиска на странице (CTRL + F)
<div class='MBT-replycomments'><a expr:href='"https://www.blogger.com/comment.g?blogID=ВАШ ID&postID=" + data:post.id + "&isPopup=true&postBody= %23%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E%2C%20#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>

4. Оформляем кнопку через CSS
Нужно найти такой кусок кода в шаблоне - ]]></b:skin> и вставляем следующий код перед ним. Так же можно после <b:skin><![CDATA[/*
/*--------------MBT Reply Link --------------*/
.MBT-replycomments{
background:#242424;
cursor:pointer;
margin:4px 0;
float:right;
border:1px solid #000;
padding:4px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.MBT-replycomments:hover{
background:#1a1a1a;
}

Где выделено жирным - цвета вашей кнопки.
background - фон
border - цвет рамки, так же можно задавать толщину рамки (выделено курсивом)
background (в конце) - цвет кнопки при наведении
padding - отступ ссылки "ответить" от краев кнопки
margin - отступ кнопки от внешнего простарства, первая цифра - верх, вторая - право, третья будет низом, четвертая - отступом от левого края
float - расположение кнопки, может быть right (право) и left (лево)
cursor - тип курсора при наведении на кнопку, если хотите - погуглите и поставьте какой-нибудь другой курсор, но этот самый подходящий (на мой взгляд)
радиусы - закругление краев, указано несколько вариантов для разных браузеров

Цвета можно подбирать здесь, копируйте цифры из самой формы подбора а не текстового поля ниже, ставьте их перед # в CSS коде.

Все, сохраняйте. Не забудьте про резервную копию и скопировать свой ID в скрипт. Я добавил к исходному скрипту запятую и пробел, а так же заменил @ на # перед ссылкой, но вот пробел почему-то нехочет появлятся. Расшифровать крокозямбру, в которой прячется код ссылки в скрипте можно например здесь. Но лучше ничего не трогайте - те декодеры, которые мне удалось найти, буквы (href, a и т.д.) почему-то дак и оставляют, а в скрипте, как мы видим, они зашифрованы. Пробовал менять - у меня была пустая страница. Если знаете как все это нормально шифровать - отпишитесь в комментах.

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

19 комментариев:

  1. Спасибо за полезную инфо!
    Попробую сделать..)

    ОтветитьУдалить
    Ответы
    1. Полезная информация

      Удалить
  2. ИМХО, когда комментариев меньше 50-100, что дерево, что не дерево — однофигственно. Есть отличный блог "Записки дебианщика". Вот у товарища очень много комментаторов. И, знаете, читать абсолютно нормально.

    ОтветитьУдалить
  3. Есть такая щтучка как DISQUS, вставляется в блог очень легко и отслеживать комментарии удобно. В общем, советую :)

    ОтветитьУдалить
  4. Ой!!! надо разобраться!! Спасибо!! Информацией поделюсь...Будем знакомы??

    ОтветитьУдалить
  5. #hatikva, мб глюки какие - должна открытся новая страница, в ней комменты, внизу страницы форма добавления - в ней уже ссыль на профиль и запятая

    ОтветитьУдалить
  6. http://pureloveby.blogspot.com/2011/12/nagrada.html
    Награда для тебя! Рада знакомству с твоим блогом. Удачи в новом году!

    ОтветитьУдалить
  7. Этот комментарий был удален администратором блога.

    ОтветитьУдалить
  8. Алексей, куда пропали?:)
    не хватает твоих постов!

    ОтветитьУдалить
  9. Алексей, поздравляю вас с наступающим Новым годом и Рождеством Христовым! Желаю чтобы тепло, улыбки, нежность и любовь не покидали никогда ваш дом!

    ОтветитьУдалить
  10. Поздравляю с наступающим Новым годом! Желаю здоровья, счастья и исполнения всех желаний! И заходите в гости! Я Вам всегда рада!
    Ваша Фаня

    ОтветитьУдалить
  11. интересная статья, спасибо!

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

Справка для спамеров:
Не стану я вашим ПЧ, и не зайду в ваш блог! Спам немедленно удаляется, зря тратите время. Если оставляете ценный пруфлинк - ставьте ссылку тегами <a href="http://ссыль">текст</a>, задолбало копировать в адресную строку. И не пытайтесь впихнуть спам - никакой вариант не прокатит. Ссыль будет в nofollow, тут еще работают теги <b> и <i>.

Ну а нормальные комментарии всегда приветствуются!

Примечание. Отправлять комментарии могут только участники этого блога.