26.5.09

Blogger: Виджет - недавно сделанные комментарии.

41 comments

Blogger: recent comments on sidebar
Лучше 1 раз увидеть,
Чем 100 раз услышать!

Мне, кстати, очень понравилась эта реклама открывающегося (уже разумеется открытого форума о подстаканниках). И все сказанные в рекламе слова очень правильные и надеюсь, что так у них на форуме все и есть.

Но мы-то с вами не форум организуем, а всего лишь хотим чтобы плоды наши творческих усилий не остались без ответа - и всего-то нам для счастья надо некоторое количество комментариев к нашим статьям. И это намного проще - нам не надо рекламировать новый форум, а затем посылать туда людей обсуждать, что мы здесь написали. Поэтому, лучшей рекламой для комментариев в нашем блоге являются сами комментарии, а разместить их можно в боковой колонке.

Они расскажут человеку, в первый раз зашедшему к нам в блог, о наиболее обсуждаемых в настоящее время постах блога, стиле и уровне комментариев и комментаторов.

В основу виджета положен feed (они переводят это как канал) комментариев, который формирует Blogger. Он расположен по адресу:

http://имя_вашего_блога.blogspot.com/feeds/comments/default

у меня это

http://blogger4you.blogspot.com/feeds/comments/default

Самый простой способ показать на боковой панели 5 последних комментариев... (всего правда 5). Добавить на боковую колонку гаджет Канал (так и называется), задать в качестве адреса канала адрес, про который мы говорили выше:

http://имя_вашего_блога.blogspot.com/feeds/comments/default

и дальше решить показывать ли вместе с комментарием имя комментатора и дату.

Что касается меня - для меня 5 комментариев - слишком мало, долгое время я с удовольствием показывала 25 комментариев (это возможный максимум), сейчас комментариев на боковой панели меньше - всего 20, т.к. пространство на боковой панели не резиновое, а мне хочется показать там и темы, которые обсуждаются в Russian Blogger Help Group (по-русски)

Теперь собственно код виджета, в свое время мной доработанный, а когда и где взят оригинал я уже не упомню:

<ul style="font-style: italic;"><script style="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i < 20; i++) {
var entry = json.feed.entry[i];
var ctlink;

if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");

document.write('<li style="text-align:left">');
document.write('<a href="' + ctlink + '">' + entry.author[0].name.$t + '</a>');
document.write(' on ' + pttitle);
document.write('<br>');
if (comment.length < 150) {
document.write(comment + '...<a href="' + ctlink + '"> (more)</a><br><br>');
}
else
{
comment = comment.substring(0, 150);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + ctlink + '"> (more)</a><br><br>');
}
}
document.write('</li>');
}
</script>
<script src="http://адрес_вашего_блога.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script></ul>
Давайте я в двух словах поясню, что в этом скрипте можно/нужно исправить:

1) В самом конце скрипта красным выделено адрес_вашего_блога ну, и поставьте туда тот кусок адреса вашего блога, который идет перед blogspot.
Продвинутые блоггеры, использующие для своих блогов доменные имена второго уровня, могут заменить весь url до /feeds/comments/default на url их блога.
2) 20 - это количество последних комментариев, которые мы хотим показать на боковой панели - можно поменять (максимум 25).
3) text-align:left - тип выравнивания текста, у меня очень долго стояло "по ширине" (text-align:center) сейчас стоит по левому краю.
4) Английское слово on, идущее после имени комментатора, можно заменить русским глаголом комментирует или на что у вас хватит фантазии.
5) + pttitle - здесь я намекаю, что это выражение (вместе с плюсиком) можно вообще убрать. В случае если аппендикс адреса вашей статьи реально ничего не говорит вашим читателям. Что-то типа blog post_555 или blog post_3836. Конечно, по таким названиям можно отследить к одному ли посту относятся два комментария или к разным - но красоты и читаемости они точно не добавляют. Кстати, как получить осмысленные адреса для ваших постов я когда-то рассказала здесь: Blogger-SEO: Меняем заголовок статьи!. Я всегда так делаю, когда не забываю ;).
6) Число 150 - это максимальное количество знаков комментария, которые вы можете показать... можно уменьшить, но сразу в двух местах.
7) Занимаясь русификацией скрипта слово (more) (анг. еще, больше) можно тоже заменить, на что-нибудь русское. Кстати, замечу, что в первом случае слово more обозначает что у комментария есть продолжение, т.е. он длиннее показанных 150ти символов, а во втором случае комментарий показан на боковой панели весь целиком и при чем тут more не совсем понятно - разве что для единообразия... А вам ничего не мешает эту ситуацию изменить и использовать, например, разные слова.
8) И на самом верху мы присваиваем всему скрипту стиль style="font-style: italic;" - это уже мои вкусовые пристрастия... нравится мне курсив, а если вам не нравится - удалите это голубенькое описание целиком.

Кажется, про свой любимый виджет "Недавно сделанные комментарии" я рассказала все что знала, но если еще возникнут вопросы обязательно спрашивайте, еще расскажу! ;)

А добавлять этот гажден на боковую панель надо так: Добавить гаджет и выбрать тип гаджета Html/Javascript.

Всем удачи и хорошей погоды!
СветаBlogger: кошка.

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

41 комментарий:

  1. Спасибо! Как всегда очень полезная информация. Давно хотела это реализовать у себя в блоге:)

    ОтветитьУдалить
  2. Спасибо, Soloveika!

    Значит не напрасно писала! Буду ждать воплощения у вас в блоге! Будут вопросы - спрашивайте!

    А еще буду ждать новых фоток с природой в вашем блоге - я так их люблю! :)))

    Света

    ОтветитьУдалить
  3. Вам спасибо, hell4opt!

    Приходите еще!
    Света

    ОтветитьУдалить
  4. Единственное, не понял, куда добавлять код виджета? ))) Так-то в плане добавления канала все ясно )))

    ОтветитьУдалить
  5. Здравствуйте, Magister Trivium!

    Спасибо за вопрос, надо будет добавить ответ в статью... А пока отвечу здесь:

    Идем в Панель управления - Макет

    Нажимаем Добавить гаджет, выбираем тип гаджета Html/JavaScript Озаглавливаем если хотим, а в тело гаджета вставляем javascript. Не забывая, конечно, сделать все изменения - ну, хотя бы подправить адрес канала комментариев.

    Удачи во всем!
    Света

    ОтветитьУдалить
  6. Как же приятно читать материал, где доступно и понятно описаны инструкции.

    И Вам удачи!

    ОтветитьУдалить
  7. Вам спасибо, Игорь Арт!

    Всегда ваша,
    Света

    ОтветитьУдалить
  8. Да, спасибо большое, Светлана! Очень помогли Ваши инструкции. Все для меня оказалось проще, чем я думал. Впрочем, как и обозначил и в своем блоге: все гениальное - просто, равно как и в каждой простоте есть доля гениальности :)

    ОтветитьУдалить
  9. Спасибо, Magister Trivium!

    А я, благодаря Вам, только что добавила в пост эти самые заклинания, Добавить гаджет и Html/Javascript.

    Спасибо, удачи и приходите еще!
    Света

    ОтветитьУдалить
  10. Конечно, непременно захожу и просматриваю новые темки. Но и вы не забывайте о новых =)

    ОтветитьУдалить
  11. Спасибо, Magister Trivium!

    Наверное, именно ваш комментарий заставил меня оторваться от бесполдных попыток - показывать комментарии (под статьями) на основной странице блога, и написать хоть что-то. Так не люблю не выполнять обещания.. Это прямо мой пунктик ;).

    Еще раз огромное спасибо,
    Света

    ОтветитьУдалить
  12. Этот комментарий был удален автором.

    ОтветитьУдалить
  13. Огромное спасибо! Теперь с вашей помощью сбылась моя мечта - я превращаюсь из вечного чайника в продвинутого пользователя! Все так понятно и доступно!
    И сразу вопрос - можно ли сделать чтоб на боковой панели в коменнтариях не отображались мои ответы-коментарии, а только посетителей блога?

    ОтветитьУдалить
  14. Лиза, не проблема!

    Ищешь в скрипте строчку
    document.write('<li style="text-align:left">');

    и вставляешь ПЕРЕД ней строчку:

    if (entry.author[0].name.$t == "Lizon") {continue;}

    Если надо подправь/увеличь желаемое количество комментариев на боковой панели. Потому что комментариев будет меньше - комментарии сделанные тобой будут поссчитаны, но не будут показаны.

    Удачи во всем!
    Света

    ОтветитьУдалить
  15. Светочка спасибо огромнейшее!

    ОтветитьУдалить
  16. Привет Светлана! Опять сижу читаю и делаю своими руками, но вашими мозгами))) Я поставила этот виджет.. но у меня он пустой... хоть вы зайдите и проверьте работает ли он - оставьте хоть одно слово в комменте... про кнопку рекомендовать я уж не прошу... хотя домашнее задание всегда проверяют учитела))) удачи вам от Волчицы.

    ОтветитьУдалить
  17. Доброе утро, Светлана! Вот итог моих мучений: виджет комментариев справа в колонку поставила, но там пусто, хотя уже писали комменты. Далее под постом есть блок для комментариев, а блоггеровское окошко исчезло куда-то.. и поэтому чмсло комментов не увеличивается в том красивом числе, которое сверху... где-то что-то я пропустила... помогите. Спасибо!

    ОтветитьУдалить
  18. Здравствуйте, Одинокая Волчица!

    Число комментариев вижу заработало, а вот недавно сделанных комментариев я не вижу, они у вас работают или нет. Если нет, то совет - попробуйте их поставить в боковую колонку на свой другой блог. Там меньше вещей пытвется загрузиться... и может быть они заработают. Если нет - надо будет искать ошибку.

    Удачи во всем!
    Света

    ОтветитьУдалить
  19. Большое спасибо! Всё получилось.

    ОтветитьУдалить
  20. Замечательно! И в Опере отражается в отличии от аналогичного виджета, который есть в blogspot

    ОтветитьУдалить
  21. Здравствуйте, Света! У меня созрел вопросик - что должно открываться при нажатии на ссылку (more) - пост или продолжение комментария? Сейчас открывается пост. Но, вроде бы, по логике вещей, должен открываться комментарий? Или нет? Спасибо.

    ОтветитьУдалить
  22. Здравствуйте, Света. Что то на моем новом блоге баг за багом. Немного истории: В блог "F 1" я импортировал с блога "Spotter" посты относящиеся к Ф-1.
    Далее. На блоге "F 1" я решил сделать данный виджет. Открываю фид http://f1rus.blogspot.com/feeds/comments/default а там комменты с блога "Spotter"! Посты к которым отображаются комментарии я не импортировал. При нажатии на ссылку комментария открывается страница с предупреждением "Страница не найдена".
    Какие будут мысли и предложения с вашей стороны?

    ОтветитьУдалить
  23. Я прочитал, но мне многое стало не понятное)) Я вам напишу на @mail.ru . Вы не против?

    ОтветитьУдалить
  24. Добрый вечер!
    Подскажите пож-та,как сделать в этом гаджете другой цвет комментарий!
    А то я поменял Фоновое изображение в блоге,и теперь текста не видно!

    ОтветитьУдалить
  25. Света, спасибо вам огромное!Не блог-находка! Я поставила себе комментарии блоггеровские на сайдбар, все было ок. Сейчас поставила ниже последние записи из твиттера. И надпись про комментарии есть, а самих их нет. Причем в любом браузере. Уже пробовала еще раз переделать все это. Остается та же ситуация. Подскажите, может быть вы знаете в чем дело? И что можно сделать?

    ОтветитьУдалить
  26. Здравствуйте, Светлана!

    Огромное спасибо Вам за blogger4you.
    Комментарии стали как влитые!
    Я в восторге! Жене еще не показывал:)

    Спасибо.
    Удачи.
    Сергей.

    ОтветитьУдалить
  27. Добрый день. Вопрос такой: пропала строка "коментарии" в нижнем колонтикуле. пробовала все, изменялая все настройки, думала цвет ссылок сливается с фоном, нет все вроде в норме. ну и что это? как бороться?

    ОтветитьУдалить
  28. Здравствуйте, MilAnna!

    Я думаю, что проблема в вашем красивом шаблоне... его надо исправлять.
    1) Сохраните текущую версию шаблона: Дизайн - Изменить Html - ссылка сверху "Загрузить весь шаблон"
    2) Пытаемся вернуть комментарии: Дизайн - Изменить Html - ссылка под окном с Html кодом "Восстановить шаблоны виджетов по умолчанию"
    3) ПРОСМОТР
    4) Если все устраивает СОХРАНИТЬ, а если не устраивает ОТМЕНА.

    Удачи во всем!
    Света

    ОтветитьУдалить
  29. Светлана, спасибо-спасибо-спасибо огромное, вставила последние комментарии себе на блог :)))

    ОтветитьУдалить
  30. Светочка, огромное спасибо, очень многое Вами написанное, применяю в своем блоге, все отлично работает!!!
    С благодарностью, Марина.

    ОтветитьУдалить
  31. круто! спасибо большое, а то блоггеровкий виджет что то отваливается постоянно. посмотрим как этот себя поведет :)))))))))

    ОтветитьУдалить
  32. Света, просто невообразимое спасибо!!! наконец-то я смогла избавиться от модерации комментариев, оказывается, дело просто в дурацком переводе))))

    ОтветитьУдалить
  33. Спасибо большое, Светлана! Я в одном блоге установила, а в другом (он рабочий, для челлендж-блога)почему-то не могу. От чего это может зависеть?

    ОтветитьУдалить
  34. Все сделала, но почему то комменты не отобразились((

    ОтветитьУдалить
  35. Спасибо, Светлана, я установила, комментарий публикуется, только не 20, а всего лишь 1, почему? подскажите. спасибо.

    ОтветитьУдалить
  36. ДОБРЫЙ ДЕНЬ.
    КАЖДЫЙ ДЕНЬ ЗАВИСАЮ НА ВАШЕМ БЛОГЕ.СПАСИБО АВТОРУ!
    НЕСКОЛЬКО СКРИПТОВ И УРОКОВ УТАЩИЛА К СЕБЕ В ЗАНАЧКУ)))
    СВОЙ БЛОГ СТРОЮ НА УРОКАХ.КОНЕЧНО МНОГО И САМА СДЕЛАЛА.
    ВОТ ИНТЕРЕСНАЯ СТАТЬЯ БЫЛА ПРО РАДУЖНЫЕ ССЫЛКИ.
    А КАК МОЖНО ИЗМЕНИТЬ СКРИПТ НА ОПРЕДЕЛЁННЫЕ ЦВЕТА И В КАКИХ ИМЕННО МЕСТАХ?САМА ЧТО ЛИБО ПОБОЯЛАСЬ ДЕЛАТЬ...ВЕДЬ ЭТО УЖЕ ГОТОВЫЙ СКРИПТ ВЫЛОЖЕН...А ХОТЕЛОСЬ БЫ ,ЧТОБ ОН ЦЕЛИКОМ БЫЛ У МЕНЯ В БЛОГЕ ПРОПИСАН С МОИМИ ИЗМЕНЕНИЯМИ.
    УТОЧНЮ.У ВАС ОН ОДНОЙ СТРОКОЙ ,А НА САМОМ ДЕЛЕ ПО ЭТОЙ ССЫЛКЕ ОН ДЛИННЫЙ .СВЕТОЧКА ПОДСКАЖИТЕ ..МОЖНО ЛИ ЕГО ПОЛНОСТЬЮ ПЕРЕНЕСТИ К СЕБЕ В ШАБЛОН?
    МОЙ БЛОГ: http:// muz-otkrytka.blogspot.com/
    НЕ СОЧТИТЕ ЭТО ЗА РЕКЛАМУ,НО БЫЛО БЫ ПРИЯТНО,ЕСЛИ ДОБАВЯТСЯ ПОСЕТИТЕЛИ.У МЕНЯ РАЗВЛЕКАТЕЛЬНЫЙ БЛОГ.
    УДАЧИ!
    С УВАЖЕНИЕМ СВЕТЛАНА.

    ОтветитьУдалить
  37. Умоляю, подскажите, что я делаю не так, если у меня не отображаются сами комментарии а только название ява скрипта?? намучилась страшно..(

    ОтветитьУдалить
    Ответы
    1. Евгения, не нашла ваш блог. Дайте ссылку, пожалуйста, и я посмотрю.

      Удалить
  38. Добрый день.Очень нужно усовершенствовать виджет. Пробовал сам, не получилось. Нужно показать "вчерашние" комменты (т.е. если сегодня 22, то показ за 21 число), с возможностью показа отдельного "комментатора-ров", например через input или адресную строку. Если этого сделать не возможно, то прошу Вас, ответить сразу, буду искать другие варианты.

    ОтветитьУдалить
    Ответы
    1. Владимир, здравствуйте!
      Я думаю, что можно, но только я этим сейчас не занимаюсь... Сами справитесь, загляните-похвастайтесь, нет - придётся искать другие варианты...

      Удалить

Популярные сообщения