Продам

stroka

Блог Людмилы Данило.Приглашаю на бесплатное обучение в школу "Успех в Internet PRO100"! Для всех кто хочет быть успешным! Здесь Вы можете оставить свои отзывы и комментарии.Подписывайтесь на мой блог!

понедельник, 14 сентября 2015 г.

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

       Здравствуйте друзья!
Сегодня я вам расскажу ,как можно преобразовать комментарии,чтоб высвечивался аватар (фото) комментирующего,а также при наведение на него еще и крутился(скажем так).Для этого добавим гаджет 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>
_______________________________________________________________________________________________________________________________________________________________________
Нажмите просмотреть шаблон ,далее сохранить шаблон,если не устраивает нажмите назад.
Желаю всем творческих успехов!

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

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

  1. Очень красиво смотрится на блоге, спасибо большое Людмила!

    ОтветитьУдалить
  2. Скрипт супер!!! Благодарю,Людмила, все получилось

    ОтветитьУдалить
    Ответы
    1. Спасибо Валентина,приятно когда по твоим урокам все получается

      Удалить
  3. Скрипт комментарии к вашему блогу успешно установлен и облагорожен, благодаря твоим урокам, Людмила. Спасибо.

    ОтветитьУдалить
  4. Скрипт комментарии к вашему блогу.
    Спасибо большое,Людмила! Отличный гаджет.И смотрится красиво,и информацию несет полезную.Воспользовалась.Установила.

    ОтветитьУдалить
  5. Спасибо Людмила ! Красиво, стильно , а самое главное удобно для наших посетителей !

    ОтветитьУдалить
  6. Спасибо, Людмила, за урок.
    Всё получилось.

    ОтветитьУдалить
  7. Благодарю, Людмила за полезную информацию.

    ОтветитьУдалить
  8. Спасибо! Спешу воспользоваться скриптом по Вашему уроку!

    ОтветитьУдалить
  9. Спасибо, Людмила ! Буду стараться сделать.

    ОтветитьУдалить
  10. Информация - класс ! Огромное спасибо ! Вот ещё бы всё получилось.

    ОтветитьУдалить
  11. Спасибо,Людмила,за классный гаджет и за урок по установке!
    Получилось установить,а вот цвет почему-о не поменялся.

    ОтветитьУдалить
  12. Урааа у меня получилось!!! Спасибо Людмила за урок.

    ОтветитьУдалить

.