Как установить виджет последних комментариев с помощью CSS в Blogger

Виджет « Последние комментарии» - это виджет, который имеет функцию автоматического отображения последних комментариев из сообщения в блоге.
виджет последних комментариев


Виджет « Последние комментарии» - это виджет, который имеет функцию автоматического отображения последних комментариев из сообщения в блоге. Обычно этот виджет часто используется на форумах или других сайтах.

Для пользователей WordPress CMS обычно есть плагин, который имеет ту же функцию, но его использовать проще. В отличие от Blogger CMS, который требует установки определенного кода для его отображения.

Что ж, в этой статье я дам небольшой урок Как установить виджет последних комментариев с CSS на Blogger. Этот виджет оснащен аватаром / изображением и именем посетителя блога, который прокомментировал сообщение . Если вы заинтересованы в его установке, вы можете перейти к нашему уроку.

Как установить виджет последних комментариев

1. Войдите в свою учетную запись Blogger → Темы Изменить HTML.

2. Скопируйте и вставьте приведенный ниже код стиля CSS и поместите его прямо перед кодом ]] ></b:skin> или </style>

<style type="text/css">
ul.h_recent_comments{list-style:none;margin:0;padding:0;}
.h_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.h_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.h_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.h_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>

3. Введите код Javascript ниже, прямо перед кодом </body>

<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 10,
showAvatar = true,
avatarSize = 50,
characters = 60,
defaultAvatar = "https://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://cdn.rawgit.com/harmansyah/harmansyah-html/65e03cd5/recentcomment.js"></script>

4. Затем выберите меню « Дизайн»«Добавить Гаджет»«HTML / Javascript» « Вставьте в него код » приведённый ниже.

<script type="text/javascript" src="https://cookpediaid.blogspot.com/feeds/comments/default?alt=json&callback=h_recent_comments&max-results=10"></script>

Примечание:

Замените https://cookpediaid.blogspot.com на URL своего блога / веб-сайта.

Установите виджет на боковой панели

5. Готово.

Это все руководство по установке последних комментариев CSS в Blogger, которым я поделился с вами. Если у вас есть вопросы по поводу этой статьи, не стесняйтесь комментировать ниже. Надеюсь, это полезно.
ОткрытьЗакрытьКомент
Cancel