как расположить форму отправки комментариев в Blogger выше

Привет, друзья. В стандартных комментариях Блоггер, сама форма отправки комментариев расположена в самом низу. Если ваш посетитель решил прокомментировать ваше содержание ему приходится прокручивать страницу вниз, чтобы высказать своё мнение. Вот так.

комментарии


Если пост содержит не совсем много комментариев, то это вполне нормально. Но когда комментариев к сообщению очень много, то некоторых раздражает такое неудобство. Иногда и отталкивает писать комментарии. Хочу вам показать, как можно расположить коробку формы создания и отправки комментариев выше - над всей лентой. Чтобы она была расположена так


комментарии

Речь идёт только о форме отправки. Само содержание комментария будет внизу. Так сказать, в порядке очереди. Кому такая затея понравилась приступим к установке.

Зайдите во вкладку Тема и сделайте на всякий случай резервную копию. Сейчас с помощью клавиш Ctrl+F (читаем здесь) нужно найти вот этот участок кода.

<div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p>


Внимательно его удалить и на это место вставить следующий код

<p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> <div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div>


Сейчас там же в шаблоне ищем закрывающийся тег </body> и над ним вставим вот такой скрипт

<script src='http://code.jquery.com/jquery-latest.js'/> <script> var yob = $(".comment-replybox-thread").closest(".comment-thread").parent("div").children(".comment-thread").children(".comment-replybox-thread"); jQuery('.comment-thread ol').before(jQuery(yob)); </script>


Сохраните шаблон и посмотрите на результат.

Вот и всё. До встречи.

👇
Получайте новые сообщения с блога прямо на почту

Введите Ваш email


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

  1. Ух ты!!! Спасибо, Вика! Хоть у меня много комментариев не бывает, но все равно попробую, очень интересный вариант. :)

    ОтветитьУдалить
    Ответы
    1. Елена, а может и при маленьком количестве комментариев, кому - то и понравится из посетителей такой вариант. Спасибо за визит.

      Удалить
  2. Очень удобно и интересно! Спасибо!

    ОтветитьУдалить
    Ответы
    1. Да, Ирина. У тебя обычно много комментариев. Попробуй.

      Удалить

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML

Пользовательский поиск