Скрипт комментарии к вашему блогу.

       Здравствуйте друзья!
Сегодня я вам расскажу ,как можно преобразовать комментарии,чтоб высвечивался аватар (фото) комментирующего,а также при наведение на него еще и крутился(скажем так).Для этого добавим гаджет HTML/JavaScript в названии напишите "Комментарии" -а в содержание просто поставте точку-сохранить.Далее заходим в шаблон -изменить HTML-  ищем наше слово   "Комментарии" (нажмите -форматировать шаблон и нажмите ctrl+f ,далее enter)-откроем другие значения (в этой строке где слово нажмите на треугольники)

потом нажмите на следующею строку

Далее под   <div class='widget-content'>   ( стоит ниже 6 строкой) вместо этих значений  <data:content/> вставляете скрипт.

Вместо слов "ССЫЛКА НА ВАШ БЛОГ" поставте свою ссылку на ваш видео блог.
Вместо слов "ВАШЕ ИМЯ" напишите свое имя.

Если вы хотите ,то можно аватар сделать не круглой а в квадратной форме ,тогда просто измените слово true на слово false

У вас еще есть возможность изменить цвет овала или квадрата (скажем так) ,находите в коде -значения #fefefe (он выделен зеленым цветом) и заменяете его на свой, цвет подберите на этом сайте
http://www.w3schools.com/tags/ref_colorpicker.asp

Также можно изменить количества показа комментарий -измените цифру 5 (она выделена желтым цветом в коде) на желаемую цифру.

                                                         Посмотрите видео

_______________________________________________________________________________________________________________________________________________________________
Сам скрипт:
___
<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>

__________________________________________________________________________________________________________________________________________________________________

 А это обычный скрипт -просто скопируйте код - добавте свою ссылку на блог и вставте в гаджет Html/JavaScript.
__________________________________________________________________________________________________________________________________________________________________

<ul style="font-style: italic;"><script style="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i < 20; i++) {
var entry = json.feed.entry[i];
var ctlink;

if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");

document.write('<li style="text-align:left">');
document.write('<a href="' + ctlink + '">' + entry.author[0].name.$t + '</a>');
document.write(' комментирует ' );
document.write('<br>');
if (comment.length < 150) {
document.write(comment + '...<a href="' + ctlink + '"> (more)</a><br><br>');
}
else
{
comment = comment.substring(0, 150);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + ctlink + '"> (далее)</a><br><br>');
}
}
document.write('</li>');
}
</script>
<script src="ССЫЛКА НА ВАШ БЛОГ/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script></ul>
_______________________________________________________________________________________________________________________________________________________________________
Нажмите просмотреть шаблон ,далее сохранить шаблон,если не устраивает нажмите назад.
Желаю всем творческих успехов!

Благодарю за комментарии!