Как установить счетчик нумерации комментариев в блоге Blogspot



Счетчик нумерации комментариев для каждого поста в блоге


Здравствуйте дорогие блоггеры. Посмотрела я на днях все свои посты и обнаружила, что нет у меня информации об установке счетчика нумерации  комментариев к сообщениям в блоге.

Это такая кнопка-счетчик, чтобы отображался порядковый номер комментария на каждой странице, которые получили Ваши посты. Посмотрите скриншот

Показан вариант счетчика количества комментариев

Справа видите кнопку, и номер комментария 1, 1а, 2 и.т.д. У меня в блоге уже давно стоит этот счетчик и сегодня расскажу Вам, как его установить. Потребуется поработать с шаблоном. Ничего страшного, справитесь. У меня получилось и у Вас получится, я такой же "чайник" как и все начинающие, немного правда уже набралась опыта, угробив несколько шаблонов, но ведь на ошибках учатся. Все можно восстановить, главное-делать копию шаблона.

Идем в шаблон, делаем резервную копию шаблона. Дальше изменить шаблон и ищем эту строку

<h3 class='post-title entry-title' itemprop='name'>


Немного сложновато будет её найти, но я постараюсь показать на скриншотах, надеюсь будет полегче искать. Когда перейдете в шаблон, не нажимайте на стрелки, прокручиваем вниз и останавливаемся где много стрелок и строк <b:includable id='comments' var='post'></b:includable 

Показано где в шаблоне блога найти строку для вставки кода счетчика

Слева начинайте нажимать на стрелки и внимательно ищите эту строку. Я нашла их даже две. 

Показано куда надо вставить скопированный код

Сразу под этой строкой вставляем код ниже, нажимаем-просмотр. Если ничего не вылезло где не надо-сохраняем.

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>   


Если счетчик не будет отображаться, прокрутите вниз и вставьте код под нижнюю строку. Теперь в самом верху шаблона находим самую первую стрелку <b:skin></b:skin>, нажимаем на стрелку и внизу выше строки ]]></b:skin> (где найти строку почитайе в статье как быстро и красиво оформить текста в блоге). Вставляем код CSS, скопируйте его

.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
z-index: 2;
position:relative;
font-size: 14px;
color: #555555;
padding-left:10px;
padding-top:7px;
background: url(http://4.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/comment+bubble2.png) no-repeat;
margin-top:7px;
margin-left:10px;
width: 40px; /*image-width size*/
height: 40px; /*image-height size*/
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 12px;
color: #666666;
}

Выделенное синим-размер, цвет, положение слева и сверху порядкового номера (цифры); красным-URL адрес кнопки-счетчика; лиловым-положение кнопки сверху (top), слева от блока комментария (left), высота и ширина кнопки.

А это несколько видов кнопок для Ваших блогов


http://www.bdblogov.ru                           


Bubble Comment Count   Bubble Comment Count   Show Bubble Comment Count                     


bubble comment blogger  bubble comment blogger  bubble comment blogger  bubble comment blogger  bubble comment blogger  bubble comment blogger bubble comment blogger  bubble comment blogger     bubble comment blogger       blogger bubble comment count   Bubble Comment Count


Нажмите правой кнопкой мыши-копировать URL картинки. В коде замените URL адрес изображения кнопки. Источник по адресу http://www.bloggertricks.biz/2012/08/bubble-comment-count.html У меня на сегодня все. Пишите отзывы, делитесь с друзьями и знакомыми в социальных сетях. Всем пока, До свидания.





Автор статьи ✎ Olga Protasova Выпуск ✹ 7/21/2014 Ярлыки ►


Открыть комментарии →

4 коммент. :

  1. Оля, привет. Вчера только подумала установить себе. Уже и картинку подобрала. Сегодня ты мне считай пинка дала. Пойду ка сделаю. Кстати картиночка у тебя одна приглянулась.

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

      Удалить
  2. А зачем он вообще в блоге нужен? Блогер стату комментов может посмотреть в админке блога. А читателям и пользователем инфа о комментах вообще ни к чему...

    ОтветитьУдалить
    Ответы
    1. Здравствуйте Василий, это спорный вопрос. Мне к примеру, когда отвечаю на вопросы читателей, удобно ссылаться на номер комментария, чтобы посетитель нашел ответ на свой вопрос. Есть любители всяких разных фишек в блоге, эта информация как раз для них.

      Удалить

Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь в меню Генератором преобразования HTML кода.

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *