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

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

Описание:

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

Установка:

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

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

Код виджета:
<!-- Most Commented Posts START --> <div id="mx-mcp"></div> <script> var maxList = 5; // Количество выводимых постов var commStr = "Комментариев"; // Комментариев, Comments - на выбор ;-) var baseUrl = "http://YOUR_BLOG_NAME_HERE.blogspot.com/"; //URL Вашего блога. Не забудьте об обратном слэше в конце var maxResults = 100; // Глубина сканирования 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> <!-- Most Commented Posts END -->

Настройка:

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

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

© minimusX, 2008 -2009. При копировании и републикации статьи ссылка на первоисточник обязательна.