Анимированный виджет последние комментарии. Для всех любителей анимации.
Как сделать такие комментарии:
Вкладка “Дизайн” –> Добавить гаджет “HTML/Javascript” –> вставьте код:
/*
<style type="text/css" scoped>
ul.allbloggertricks_recent{list-style:none;margin:0;padding:0;}
.allbloggertricks_recent li{background:none!important;display:block;clear:both;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:9px;max-height:100px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;transition-property:transform;margin:0 0 6px!important;padding:3px!important}
.allbloggertricks_recent li:hover{border:1px solid #ddd;
-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg) }
.allbloggertricks_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}
.allbloggertricks_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
var
numComments = 5,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 40,
defaultAvatar = "https://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=50,
adminBlog='ваш ник';
//]]>
</script>
<script type="text/javascript" src="https://spishu.ru/1.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=allbloggertricks_recent&&max-results=50">
</script>
Правка кода виджета:
numComments – количество отображаемых комментариев в виджете,
showAvatar – измените значение на false. если не хотите показывать аватары в виджете
avatarSize – размер аватара в пикселях.
roundAvatar – поменяйте значение на false, если не хотите, чтобы аватар был круглым в виджете комментариев.
characters – количество символов в комментариях.
defaultAvatar – укажите адрес аватара, который будет покаываться напротив пользователей без аватара.
Сохраните гаджет после внесенных изменений..
Вам могут понравится темы блога:
Какая-то халтура, а не статья: картинка содрана с индийского блога, ссылка на демо не работает, в тексте встречаются непереведённые куски английского текста. Ну нельзя же так.
Это называется - "зашилась". Просто не знаю, как еще назвать то, что со мной происходит. Да, читатели хотят качественный контент, но кроме жихни онлайн у меня работа, семья, недавно защитила категорию, написала за "спасибо" аттестационную работу коллеге. На мне еще висит две такие работы.
Я не жалуюсь, просто объясняю, что я тоже человек. Нашла в зарубежном интернете статью, которая могла бы понравится моим читателям, но не угодила...
Судьи-то у меня здесь строгие.
Не расстраивайтесь!
Спасибо вам! утащил к себе в блог. (не статью:)
Спасибо 😉
Я рада, что пригодилось
Спасибо большое, всё получилось! Спасибо за Ваш труд, регулярно обращаюсь за помощью и всегда нахожу ответ)))
Владимирская Вишня, рада была помочь )
Действительно хорошая информация, так держать и благодаря делиться.