Блогосфера: Популярные статьи

Вообще-то название “Most Commented Posts” лучше переводить, как “Наиболее комментируемые статьи”, но в ру-нете почему-то принято называть “Популярные статьи”, хотя популярность и комментируемость не всегда идут “рука об руку”. Этот виджет широко используют блоггеры, ведущие свои блоги на платформе WordPress, а вот на платформе Blogger мне этот виджет не попадался, за исключением виджета использующего YAHOO Pipes от BloggerBuster, но он, к сожалению, выводит в список URL, а не названия статей, что, как мне кажется, не вполне профессионально. Я попытался исправить этот дисбаланс.

Описание:

Виджет выводит список наиболее комментируемых статей в порядке убывания числа комментариев. Устанавливается одним “копи-пастом” (copy-paste). Минимальное количество настроек позволяет использовать виджет даже неискушенным в кодировании блоггерам ;-)

Установка:

Установка производится в три шага:

Зайдите в “Панель управления” вашего блога. Перейдите на закладку Макет-Элементы страницы.
Добавьте на панели гаджетов новый гаджет HTML/JavaScript. Дайте ему название (например: “Популярные статьи”). Вставьте код виджета.
Проведите настройку виджета. Сохраните виджет, а затем и сам макет.

Код виджета:

<div id="mx-mcp"></div>

var postsUrl = "feeds/posts/default?alt=json-in-script&callback=listPosts&max-results=" + maxResults;
  var commentsUrl = "feeds/comments/default?alt=json-in-script&callback=listCommentss&max-results=" + maxResults;

function oPost(title, url, num) {
    this.title = title;
    this.url = url;
    this.num = num;
  }

function doSrcMcp() {
    var container = document.getElementById("mx-mcp");
    var srcP = document.createElement("script");
    var srcC = document.createElement("script");

srcP.type = "text/javascript";
    srcC.type = "text/javascript";
    srcP.src = baseUrl + postsUrl;
    srcC.src = baseUrl + commentsUrl;
    container.appendChild(srcP);
    container.appendChild(srcC);
  }

var aPosts = new Array();
  var aComments = new Array();

function listPosts(root) {
    var feed = root.feed;
    var entries = feed.entry || [];

for (var i = 0; i < entries.length; ++i) {
      var entry = entries[i];
      var title = entry.title.$t;
      var url = "";

for (var j = 0; j < entry.link.length; j++) {
        if (entry.link[j].rel == 'alternate') url = entry.link[j].href;
      }
      aPosts.push(new oPost(title, url, 0));
    }
  }

function listComments(root) {
    var feed = root.feed;
    var entries = feed.entry || [];
    var maxNum = 0;

for (var i = 0; i < entries.length; ++i) {
      var entry = entries[i];
      var url = "";

for (var j = 0; j < entry.link.length; j++) {
        if (entry.link[j].rel == 'alternate') url = entry.link[j].href;
      }
      aComments.push(url);
    }
    for (var i = 0; i < aPosts.length; i++) {
      for (var j = 0; j < aComments.length; j++) {
        if (aComments[j].indexOf(aPosts[i].url) == 0) aPosts[i].num++;
        if (aPosts[i].num > maxNum) maxNum = aPosts[i].num;
      }
    }
    var container = document.getElementById("mx-mcp");
    var divFooter = document.createElement("div");
    var aFooter = document.createElement("a");

divFooter.style.fontSize = "x-small";
    aFooter.appendChild(document.createTextNode("minimusX"));
    aFooter.href = "http://minimusx.blogspot.com";
    divFooter.appendChild(document.createTextNode("Widget by "));
    divFooter.appendChild(aFooter);

var numList = 0;
    for (var i = maxNum; i > 0; i--){
      for (var j = 0; j < aPosts.length; j++){
        if (aPosts[j].num == i){
          var br = document.createElement("br");
          var a = document.createElement("a");
          var div = document.createElement("div");

a.appendChild(document.createTextNode(aPosts[j].title));
          a.href = aPosts[j].url;
          div.appendChild(document.createTextNode(" (" + commStr + ": " + aPosts[j].num + ")"));
          container.appendChild(a);
          container.appendChild(br);
          container.appendChild(div);
          numList++;
        }
        if (numList >= maxList) break;
      }
      if (numList >= maxList) break;
    }
    container.appendChild(divFooter);
  }

doSrcMcp();
</script>

Настройка:

URL Вашего блога: var baseUrl = "http://YOUR_BLOG_NAME_HERE.blogspot.com/"; Вставьте URL ВАШЕГО блога. И не забывайте поставить обратный слэш в конце URL!
По умолчание виджет выводит список из пяти позиций: var maxList = 5; измените это значение, если хотите выводить больше или меньше позиций.
Количество комментариев к каждой позиции (статье) выводится строкой (Комментариев: Х): var commStr = "Комментариев";. Для локализации виджета измените этот параметр (например на значение Comments).

Update 08.01.2009: Добавлен параметер для настройки глубины сканирования - maxResults.

»» читать далее

Блогосфера

Об авторе блога

Последние новости

понедельник, сентября 29, 2008

Виджет Most Commented Posts (Популярные статьи) для Blogger

Описание:

Установка:

Настройка:

Самые активные

Архив блога

Популярное

Статистика

Блогосфера

var startposts = 0; numposts = 1; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0;

var startposts = 1; numposts = 2; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0;

var startposts = 2; numposts = 3; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0;

var startposts = 3; numposts = 4; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0;

var startposts = 4; numposts = 5; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0;

Об авторе блога

Последние новости

понедельник, сентября 29, 2008

Виджет Most Commented Posts (Популярные статьи) для Blogger

Описание:

Установка:

Настройка:

Самые активные

Архив блога

Популярное

Статистика