Виджет Active Commentators (Активные комментаторы) для Blogger

В одной из ранее опубликованных статей, я представлял виджет Top Commentators, написанный на YAHOO Pipes автором блога Assess My Blog. Однако, являясь сторонником Открытых кодов (Open Source) и, справедливо полагая, что виджет, являющийся частью блога, работает быстрее (не обращается к "третьему" сервису), я написал свой виджет "Активные комментаторы" ("Active Commentators"), который и представляю в этой статье.

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

Установка

Устанавливается, как содержимое стандартного гаджета Blogger HTML/JavaScript.

Код виджета:
<!-- minimusX Active Commentators Widget. START --> <div id="mx-ac"></div> <script type="text/javascript"> var maxList = 5; // Количество позиций в списке активных комментаторов var sFilter = ""; // Фильтр комментаторов. Разделять запятыми БЕЗ ПРОБЕЛОВ! var baseUrl = "http://minimusx.blogspot.com/"; // URL блога. var commentsUrl = "feeds/comments/default?alt=json-in-script&callback=listComments"; var aFilter = sFilter.split(","); function oCommentator (name, url, num) { this.name = name; this.url = url; this.num = num; } function doGetComments () { var container = document.getElementById("mx-ac"); var srcComm = document.createElement("script"); srcComm.type = "text/javascript"; srcComm.src = baseUrl + commentsUrl; container.appendChild(srcComm); } function isInFilter(str){ for (var i = 0; i < aFilter.length; i++) { if (str == aFilter[i]) return(true); } return(false); } var aCommentators = new Array(); 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 isInList = new Boolean(); var numInList = 0; if ((entry.author[0].name.$t != "Anonymous") & (!isInFilter(entry.author[0].name.$t))) { var name = entry.author[0].name.$t; var url = entry.author[0].uri.$t; if (aCommentators.length == 0) { aCommentators.push(new oCommentator(name, url, 1)); maxNum = 1; } else { for (var j = 0; j < aCommentators.length; j++) { isInList = false; if ((aCommentators[j].name == name) & (aCommentators[j].url == url)) { isInList = true; numInList = j; break; } } if (isInList) { aCommentators[numInList].num++; if (maxNum < aCommentators[numInList].num) maxNum = aCommentators[numInList].num; } else aCommentators.push(new oCommentator(name, url, 1)); } } } var container = document.getElementById("mx-ac"); 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 < aCommentators.length; j++) { if ((aCommentators[j].num == i)) { var br = document.createElement("br"); var a = document.createElement("a"); a.appendChild(document.createTextNode(aCommentators[j].name + " (" + aCommentators[j].num + ")")); a.href = aCommentators[j].url; container.appendChild(a); container.appendChild(br); numList++; } if (numList >= maxList) break; } if (numList >= maxList) break; } container.appendChild(divFooter); } doGetComments(); </script> <!-- minimusX Active Commentators Widget. END -->

Настройка

var maxList = 5; - настройка позиций в списке комментаторов

var sFilter = ""; - фильтр. Если Вы не хотите фильтровать список оставьте как есть. Для фильтрации введите свой псевдоним, или псевдонимы всего коллектива авторов.
Например: var sFilter = "minimus"; или var sFilter = "minimus,Вася Пупкин,alconavt"; Псевдонимы разделяйте запятыми БЕЗ ПРОБЕЛОВ!

var baseUrl = "http://minimusx.blogspot.com/"; - URL Вашего блога. Обратный слэш в конце - ОБЯЗАТЕЛЕН!

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

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

Виджет 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. При копировании и републикации статьи ссылка на первоисточник обязательна.

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

Виджет Top Commentators (Лучшие Комментаторы) для Blogger

Этот виджет выводит топ самых активных комментаторов блога, анализируя последние 500 комментариев. В отличии от других виджетов этого типа, этот виджет имеет возможность фильтрации комментаторов (например можно отсеять собственные комментарии). Виджет базируется на YAHOO Pipes. Устанавливается очень просто: как содержимое стандартного виджета Blogger HTML/JavaScript.

Исправьте нижеследующий код. Вместо YOUR_BLOG_URL вставьте URL вашего блога, а вместо NICK_NAME_FILTER ваш ник или несколько ников через запятую.

<script type="text/javascript"><br /> function pipeCallback(obj) {<br /> document.write('<ol>');<br /> var i;<br /> for (i = 0; i < obj.count ; i++)<br /> {<br /> var href = "'" + obj.value.items[i].link + "'";<br /> if(obj.value.items[i].link == "")<br /> var item ="<li>" + obj.value.items[i].title + "</li>";<br /> else<br /> var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";<br /> document.write(item);<br /> }<br /> document.write('</ol>');<br /> }<br /> </script><br /> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=2351a7b3195ee95ef3643998bc8def5e&url=http%3A%2F%2FYOUR_BLOG_URL&num=10&filter=NICK_NAME_FILTER" type="text/javascript"></script><br /> <span style="font-size: 80%">Widget by <a href="http://www.bloggerplugins.org">Blogger Widgets </a></span>

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

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

Форма отправки комментариев на странице поста в Blogger

В настоящее время Blogger разрабатывает форму отправки комментариев, которую можно будет размещать на странице поста. Многие блоггеры очень ждут когда настанет этот момент. Однако уже сейчас существует возможность установить такую форму в свой блог, используя Blogger in Draft.

Для того чтобы установить встроенную форму отправки комментариев, Вы должны зайти в панель управления Вашим блогом через Черновик Blogger.

На странице Настройки > Комментарии установите “Размещение формы для ввода комментариев” как показано ниже:

Сохраните настройки.

Вариант 1:

Перейдите на страницу Макет > Изменить HTML. Установите флажок “Расширить шаблоны виджета” и найдите в тексте HTML следующий код:

<p class='comment-footer'><br /> <b:if cond='data:post.allowComments'><br /> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a><br /> </b:if><br /> </p>

Замените его следующим кодом:

<p class='comment-footer'> <br /> <b:if cond='data:post.embedCommentForm'> <br /> <b:include data='post' name='comment-form'/> <br /> <b:else/> <br /> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> <br /> </b:if> <br /> </b:if> <br /> </p>

К сожалению не все шаблоны поддерживают этот вариант размещения формы отправки комментариев.

Вариант 2:

Всё тоже самое. Перейдите на страницу Макет > Изменить HTML. Установите флажок “Расширить шаблоны виджета” и найдите в тексте HTML следующий код:

<b:include data='post' name='comments' />

Сразу же после этой строки кода вставьте следующую строку:

<b:include data='post' name='comment-form'/>

Этот вариант должен работать со всеми шаблонами.

В результате манипуляций по варианту 1 или варианту 2 на страницах постов должна появиться следующая форма:

Если что-то “не сложилось”, убедитесь, что в настройках действительно стоит  “Размещение формы для ввода комментариев” – “Вложенное ниже сообщение”. Если совсем ничего не получается, пишите – разберёмся.

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

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