Как добавить счетчик количества комментариев на блоге Блогспот?

В сегодняшнем Blogger пособии вы узнаете, как добавить в комментарии, счетчик кнопку на Blogger (Blogspot) , чтобы показывалось количество комментариев, которые ваши посты получили.

Счетчик комментариев будет иметь эффект, стимулируя посетителей комментировать ваш блог Блогспот, а также помочь выявить авторитет ваших статей.

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

Следующими шагами будет, вставка полностью интерактивных комментариев с счетчиком. Счетчик подсчета комментариев по умолчанию выровнено по правому краю.

1. Заходим «Дизайн» > «Изменить HTML»

2. Щелкаем на, загрузить весь шаблон для резервного копирования шаблона перед тем, как вносить какие-либо изменения

3. Далее жмем на галочку «Расширить Шаблоны Виджета»

4. Ищем с помощью CTRL + F следующий кусок кода ]]></b:skin> в CSS разделе вашего шаблона на Блогспот и перед ним вставляем:

.comments-button {
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsM4KMLzOkJW5668Cx2T8LRKrX2kXeGXhInTNKeZVv9f1SiVbim0FDEX140PahOvkrbNeJgTpF32hKUGpQGa1K_DQbBBE5Y95zw9PEUT6VqT_nAWuJ8gD2uAvRE9OdTbgbASW_mxbHBwyN/s200/comment-counter-bubble.png) no-repeat;
float : right;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
padding-top:10px;
}

5. Теперь ищем следующий блок кода, используя клавиши CTRL + F

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>

Возможно, поиск этого кода у вас вызовут сложности, поэтому попробуйте поискать по первым предложениям кода.

6. Копируем этот код блока:

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

7. Вставьте его следующим образом:

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.allowComments'>
<a class='comments-button' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>

8. Сохраняем шаблон, а затем просматриваем блог, чтобы полюбоваться на свой счетчик комментариев.

Если вы хотите, чтобы ваш счетчик комментариев был по левому краю, а не справа, вам нужно будет изменить в CSS с float:right; на float:left;.

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

До новых статей!!!