Последние комментарии с прокруткой Blogger

комментарииПриветствую вас, друзья. Виджет последних комментариев с прокруткой. Вот что хочу вам сегодня предложить. Последние комментарии в блоге тоже, бывает, создают проблемы и поэтому добавлю ещё один вариант в общую копилку. У меня уже был пост, как сделать комментарии с полосой прокрутки и аватарками.
В своё время работал нормально, можно попробовать.

Установка стандартная - гаджет HTML/JavaScript. В гаджете отображены дата публикации комментария, название поста и имя комментируемого. Небольшая иконка немного придаст индивидуальности. Самым важным моментом, на мой взгляд, это то, что есть возможность вывести достаточно большой список комментариев благодаря полосе прокрутки. Это ещё и сохраняет место в сайдбаре блога.

Рабочий вариант посмотрите на тестовом блоге.



Как всегда копируйте предложенный код и потом остановимся на настройках.

<style type="text/css">.row-div {margin-bottom:10px;}.comment-header {margin:10px 0;}.comment-box{margin:0px;padding:0px;font-size:0.9em;height:250px;overflow:auto;}.comments1{padding:3px;border-left:1px dashed #A6A6A6;color: #888888;font-style: italic;padding:0px 10px 10px 10px;margin-bottom:10px;}
</style>

<div class="comment-box">
<script type="text/javascript">
var tgl=false;var title_arr=new Array();var arr=0;var err="[err]";var icon_expand="https://hsto.org/getpro/habr/post_images/bee/d6b/d74/beed6bd748e33265d3657e51f5d906b5.png";var maxcomments=20;function real_posttitle(postid){for(var i=0;i<title_arr.length;i++){if(title_arr[i][0]==postid)return title_arr[i][1];}

return err;}
function showrecentposts(json){var numposts=999999;for(i=0;i<numposts;i++){var entry=json.feed.entry[i];var postid;var title;if(i==json.feed.entry.length)break;for(var k=0;k<200;k++){if(entry.link[k].rel=='self'){postid=entry.link[k].href;postid=postid.substr(postid.lastIndexOf("/")+1,100);}
if(entry.link[k].rel=='alternate'){title=entry.link[k].title;break;}}
title_arr[arr]=postid+"&#176;"+title;title_arr[arr]=title_arr[arr].split("&#176;");++arr;}}
function unfold(el){var comid=el.id.substr(8,10);if(el.src==icon_expand){el.src=icon_collapse;document.getElementById("com_id"+comid).style.display="block";}else{el.src=icon_expand;document.getElementById("com_id"+comid).style.display="none";}}
function unfold_all(el){try{for(var i=0;i<maxcomments;i++){document.getElementById("com_id"+i).style.display="block";document.getElementById("click_id"+i).src=icon_collapse;}}catch(e){;}
el.value='Show all';}
function fold_all(el){try{for(var i=0;i<maxcomments;i++){document.getElementById("com_id"+i).style.display="none";document.getElementById("click_id"+i).src=icon_expand;}}catch(e){;}
el.value='Hide all';}
function showrecentcomments(json){var numcomments=999999;var postid;var i=0;for(i=0;i<numcomments;i++){var entry=json.feed.entry[i];var alturl;var anonymous=false;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='self'){postid=entry.link[k].href.split("/");postid=postid[5];}
if(entry.link[k].rel=='alternate'){alturl=entry.link[k].href;break;}}
var postlink=alturl.split("#");postlink=postlink[0];var linktext=postlink.split("/");linktext=linktext[5];linktext=linktext.split(".html");linktext=linktext[0];var profilelink="";try{profilelink=entry.author[0].uri.$t;}catch(e)
{anonymous=true;};var posttitle=real_posttitle(postid);if(posttitle==err){posttitle=linktext.replace(/-/g," ");}
var commentdate=entry.published.$t;var cdyear=commentdate.substring(0,4);var cdmonth=commentdate.substring(5,7);var cdday=commentdate.substring(8,10);var ctime=commentdate.substr(11,5);var monthnames=new Array();monthnames[1]="января";monthnames[2]="февраля";monthnames[3]="марта";monthnames[4]="апреля";monthnames[5]="мая";monthnames[6]="июня";monthnames[7]="июля";monthnames[8]="августа";monthnames[9]="сентября";monthnames[10]="октября";monthnames[11]="ноября";monthnames[12]="декабря";if("content"in entry){var comment=entry.content.$t;}
else
if("summary"in entry){var comment=entry.summary.$t;}else var comment="";if(i<maxcomments){if(tgl){tgl=false;var cl="row-a";}else{tgl=true;var cl="row-b";}
document.write('<div class="'+cl+' row-div"><img id="click_id'+i);document.write('" style="cursor:pointer;" onclick="unfold(this);"');document.write('src="'+icon_expand+'" />&nbsp;');document.write('От '+cdday+' '+monthnames[parseInt(cdmonth,10)]+' '+cdyear);document.write(', в '+ctime+', ');if(anonymous==false){document.write('<a href="'+profilelink+'">'+entry.author[0].name.$t+'</a> ');}else{document.write(entry.author[0].name.$t+' ');}
document.write('комментирует пост <a href="'+alturl+'">'+posttitle+'</a>');document.write('</div>');document.write('<div class="comments1" id="com_id'+i+'" style="display:none;">'+comment+'<\/div>');}}
document.getElementById("numcom").innerHTML=i;}
</script><script type="text/javascript"  src="https://poluhka.blogspot.ru/feeds/posts/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentposts"></script><script type="text/javascript"  src="https://poluhka.blogspot.ru/feeds/comments/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentcomments">
</script></div>


height:250px; - высота полосы прокрутки.

20- количество отображаемых комментариев.

https://poluhka.blogspot.ru - замените на адрес вашего блога.

Синим цветом отмечен адрес маленькой картинки. При желании найдите свою.

Текст красного цвета тоже можно изменить.

Вот и все настройки. Я посоветовала бы вам или забить в закладки или сохранить у себя в черновиках все варианты виджетов последние комментарии. Как я писала выше бывает они дают сбой. Можно выждать какое - то время, а можно поэкспериментировать с другими.

Всем успехов, спасибо за внимание и до встречи. 

Здесь вы можете оформить подписку на новые шпаргалки

Введите Ваш email


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

  1. Здорово! Виктория, я недавно сменила виджеты в своих блогах. Твой новый очень нравится!!! Может поставить его в Блог Кота Васьки! Хотя и тот вариант нравится, который сейчас у меня стоит! Наверное, стоит попробовать на тестовом блоге "Записки на колготках". Там есть комментарии! Немного, но есть. Хотя и шаблон новый - Notable.

    ОтветитьУдалить
  2. Виктория, у меня почему-то в этом блоге ничего не получилось! Комментариев виджет показывает только два, меняла высоту прокрутки, но было все равно их два. Может количестве поменять? Вдруг 20 у меня нет, и поэтому виджет не работает. Попробую!
    Вика, смотри Записки в блоге "Волшебный фонарик" в сайдбаре.

    ОтветитьУдалить
    Ответы
    1. Ирина, у тебя на фанарике старые стоят. Для новых тем не знаю, как будут работать.

      Удалить
    2. Виктория, теперь мне все понятно. Большое спасибо!

      Удалить
  3. Виктория, мне написали новый комментарий в Записках на колготках, я ответила. И теперь в виджете появились еще 2 комментария. Сейчас их 4-е. В новом шаблоне этот виджет тоже работает, но по-своему. Ты мне тоже что-нибудь напиши в этом блоге. Я уверена, что и в виджете прибавится строчка. Интересны новые темы!!!

    ОтветитьУдалить
    Ответы
    1. Ирина, ты мне ссылку дай пожалуйста на свой тестовый.

      Удалить
  4. Вика, пока можно зайти на блог "Записки на колготках" через Волшебный фонарик. Ты же смогла зайти. Я вообще хотела этот блог удалить, а уже 8 человек подписались.

    Твой новый виджет "Последние комментарии" с прокруткой очень интересно здесь действует. Сейчас на нем уже больше комментариев. Сначала было 2, а сейчас уже 10. Я 10 и ставила в код.

    ОтветитьУдалить
    Ответы
    1. Да, я видела. Встал нормально. У меня вот и здесь, что-то забарахлил с аватарами. Подожду немного.

      Удалить

Пользовательский поиск
Foto Saya
My Photo