Как установить виджет последних комментариев с помощью 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, которым я поделился с вами. Если у вас есть вопросы по поводу этой статьи, не стесняйтесь комментировать ниже. Надеюсь, это полезно.

 

Рейтинг
( Пока оценок нет )
Загрузка ...