Как добавить на Blogger счетчик публикаций и комментариев: Как разместить на Blogger статистику по постам и комментариям

Как вставить виджет для отображения количества постов и комментариев на Blogger

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

💡 Зачем нужен этот виджет?

Добавление виджета с количеством постов и комментариев — это простой способ сделать ваш блог более информативным и удобным для пользователей. Это поможет увеличить количество читателей и поддержит активность на вашем блоге.

Как вставить код виджета в Blogger?

1. Откройте панель управления вашим блогом на Blogger
2. Перейдите в раздел Дизайн
3. Выберите место, где вы хотите разместить виджет (например, в боковой панели)
4. Нажмите на ➕ Добавить виджет
5. Выберите HTML/JavaScript
6. Вставьте следующий код в поле для кода:

Показать статью

<style>
  .stat-block {
    font-family: Arial, sans-serif;
    color: #333;
    margin: 10px 0;
    font-size: 18px;
    display: flex;
    align-items: center;
  }

  .stat-block i {
    margin-right: 10px;
    color: #007acc;
  }

  .stat-block b {
    color: #007acc;
  }
</style>

<script type="text/javascript">
  function numberOfPosts(json) {
    document.write('<div class="stat-block"><i class="fas fa-pencil-alt"></i>Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b></div>');
  }

  function numberOfComments(json) {
    document.write('<div class="stat-block"><i class="fas fa-comment"></i>Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b></div>');
  }
</script>

<script src="http://yourblogname.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://yourblogname.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

💡Не забудьте заменить yourblogname на название вашего блога.

Что будет отображаться на вашем блоге?

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

• Посты: 📝 25
• Комментарии: 💬 130

Этот виджет автоматически обновляется, чтобы отображать актуальные данные, и становится полезным для ваших читателей.

• Замените в скрипте Posts и Comments, например, на Сообщений и Комментариев
• Ссылка для подключения шрифта Font Awesome после < head >, если не подключен в Blogger

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">