вторник, 8 ноября 2011 г.

Гаджет последние комментарии в Blogger

Гаджет создается очень просто. Необходимо вывести на главную трансляцию комментариев через RSS. Для этого добавляем гаджет "канал" куда вносится адрес фида, т.е. http://вашадресблога/feeds/comments/default
Но, правда, больше 5 комментариев вы в таком случае не выставите. Если вместо слова comments вписать posts получим вывод последних постов.
На Шпаргалке Блоггера описан еще один отличный вариант, который и используется в этом блоге и лишен некоторых недостатков вышеописанного способа.



Добавим в гаджет HTML/JavaScript (пример):


<div style="padding: 0px 0px 0px 20px; color: #343f4a"><script type="text/javascript">
//<![CDATA[
var comsmaxamostrar = 7;
var comslongitud = 60;
function showrecentcomments(json) {
var entry, comulr, comcontent, salida;
for (var i=0;i<comsmaxamostrar;i++) {
entry = json.feed.entry[i];
if (i==json.feed.entry.length)break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
comulr=entry.link[k].href;
break;
}
}
comulr=comulr.replace("#","#");
if ("content" in entry){
comcontent = entry.content.$t;
} else if("summary" in entry) {
comcontent = entry.summary.$t;
} else {
comcontent = "";
}
var re=/<\S[^>]*>/g;
comcontent=comcontent.replace(re,"");
if (comcontent.length>comslongitud) {
comcontent = comcontent.substring(0,comslongitud) + " &hellip;";
}
salida = "<li style='list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdwI4Q8x3bbNkyVP9Vm0fX4mKUmc4ztQhjio14VFbtwebeDCz6mcfSxmipRgLdUaoySLYW5HQnWAhgRAnfQgpU50Ej5KmdmsKqGjjGVEkJ-xS1rLqnb-yhEaFoOetRcgbHWC9fuH5IN0wC/s1600/komment.png);>";
salida += "<span class='simgvaga001'></span><b>" + entry.author[0].name.$t + "</b><br />";
salida += "<a rel='nofollow' href='" + comulr + "'>" + comcontent +"</a>";
salida += "</li>";
document.write(salida );
}
}
//]]>
</script>

<ul id="poslednie-comment"><script src="http://адрес_блога/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script></ul></div>
где var comsmaxamostrar - количество комментариев,
      var comslongitud - количество знаков в поле отзыва,
      адрес_блога - URL сайта.




Единственное, я убрал ссылку изображения облачка в строке
salida = "<li style='list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdwI4Q8x3bbNkyVP9Vm0fX4mKUmc4ztQhjio14VFbtwebeDCz6mcfSxmipRgLdUaoySLYW5HQnWAhgRAnfQgpU50Ej5KmdmsKqGjjGVEkJ-xS1rLqnb-yhEaFoOetRcgbHWC9fuH5IN0wC/s1600/komment.png);>";
т.к. у меня оно смотрелось не ОК.
Если понравилась статья, поделитесь с друзьями.

3 комментария:

  1. Классный скрипт! Долго искал подобное. И смотрится красивее, и работает веселее, чем стандартный виджет.

    ОтветитьУдалить
  2. Ответы
    1. Да вообще обалдеть! Я недавно в Блоггере, неделю искал замену стандартного виджета "Последние комментарии", очень уж мне он не нравился, и вот нашёл и сразу установил! "Облачка" пока не убрал, прицениваюсь к дизайну, пока нравится...

      Удалить