Какой рейтинг вас больше интересует?
|
Главная / Каталог блогов / Cтраница блогера Блог для блогов - создание блога на blogspot / Запись в блоге
Виджет последних комментариев с оригинальным эффектом2014-02-02 16:30:00 (читать в оригинале)Эффектный виджет последних комментариев для блога BlogspotВсем привет! Хочу предложить Вам оригинальный виджет последних комментариев. Пример смотрите на главной странице этого блога. Для новых посетителей отличная возможность убедиться, что Ваш блог живет, статьи комментируют, да и сам виджет безусловно привлечет их внимание. Чудо это легко устанавливается с помощью JavaScript, требует минимум настроек. Итак, кто заинтересовался, переходим в дизайн-добавить гаджет-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 = 9, showAvatar = true, avatarSize = 35, roundAvatar = true, characters = 50, defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; maxfeeds=50, adminBlog='Olga'; //]]> </script> <script type="text/javascript" src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-recent-commentsv3.js"></script> <script type="text/javascript" src="http://www.bdblogov.ru/feeds/comments/default?alt=json&callback=allbloggertricks_recent&&max-results=50"> </script>
|
Категория «Истории»
Взлеты Топ 5
Падения Топ 5
Популярные за сутки
|
Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.
взяты из открытых общедоступных источников и являются собственностью их авторов.