2013-10-23

Виджет последние комментарии для blogspot

Виджет последние комментарии для blogspot
Анимированный виджет последние комментарии. Для всех любителей анимации.
Как сделать такие комментарии:
Вкладка “Дизайн” –> Добавить гаджет “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  = "http://www.gravatar.com/avatar/?d=mm",
  hideCredits = true;
  maxfeeds=50,
  adminBlog='ваш ник';
//]]>
</script>
<script type="text/javascript" src="http://photoforum.do.am/1.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=allbloggertricks_recent&amp;&amp;max-results=50">
</script>
Правка кода виджета:
numComments – количество отображаемых комментариев в виджете,
 showAvatar – измените значение на false. если не хотите показывать аватары в виджете
 avatarSize – размер аватара в пикселях.
 roundAvatar – поменяйте значение на false, если не хотите, чтобы аватар был круглым в виджете комментариев.
 characters – количество символов в комментариях.
 defaultAvatar – укажите адрес аватара, который будет покаываться напротив пользователей без аватара.
Сохраните гаджет после внесенных изменений..
Вам могут понравится темы блога:
Код виджета комментариев взят с блога allbloggertricks

7 комментариев :

Evgeny Masibut комментирует...

Какая-то халтура, а не статья: картинка содрана с индийского блога, ссылка на демо не работает, в тексте встречаются непереведённые куски английского текста. Ну нельзя же так.

Mycrib комментирует...

Это называется - "зашилась". Просто не знаю, как еще назвать то, что со мной происходит. Да, читатели хотят качественный контент, но кроме жихни онлайн у меня работа, семья, недавно защитила категорию, написала за "спасибо" аттестационную работу коллеге. На мне еще висит две такие работы.
Я не жалуюсь, просто объясняю, что я тоже человек. Нашла в зарубежном интернете статью, которая могла бы понравится моим читателям, но не угодила...
Судьи-то у меня здесь строгие.

Авторские комиксы комментирует...

Не расстраивайтесь!
Спасибо вам! утащил к себе в блог. (не статью:)

Mycrib комментирует...

Спасибо ;)
Я рада, что пригодилось

Владимирская Вишня комментирует...

Спасибо большое, всё получилось! Спасибо за Ваш труд, регулярно обращаюсь за помощью и всегда нахожу ответ)))

Иванова Наталья комментирует...

Владимирская Вишня, рада была помочь )

Куч Яну комментирует...

Действительно хорошая информация, так держать и благодаря делиться.

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML