388x60 Ads

Гаджеты для блога - последние комментарии

Привет всем жителям планеты Земля! Мы с вами пережили конец света и активно готовимся к встрече нового 2013 года. По крайней мере, рюмки и бокалы уже чисто вымыты и ждут, когда мы начнем провожать старый год и встречать новый.

Я в преддверии Нового 2013 года не планировал больше писать в свой блог, но в этой теме одна из посетительниц оставила вот такой комментарий:
Извините меня пожалуйста за офтоп. У меня исчез виджет последние комментарии, - без него очень неудобно. У вас, смотрю, он работает, а я думала, что его просто убрали с блоггера. Скажите пожалуйста, у вас с этим виджетом не было проблем? Если были, то как вы их решали? 

Как вы знаете, Blogger по умолчанию предлагает использовать в блоге гаджет "Recent Comments"  автора Blogger Buster.

Этот гаджет работал не всегда стабильно и выводимый им текст не всегда, мягко говоря, соответствовал дизайну блога. Например, перед каждым комментарием появлялся текст  "Маша wrote" или "Юра  wrote". Другими словами, скрипт гаджета добавлял к нику автора комментария английское слово "wrote". Получалось как то по русско-английски. Главное, что как то откорректировать работу скрипта гаджета "Recent Comments" было нельзя.

Сейчас и вовсе, если захотите добавить гаджет "Recent Comments" в свой блог на Blogger, вы увидите сообщение об ошибке и его нельзя пока использовать до ее устранения.

Учитывая это, предлагаю вам два варианта решения этой проблемы.
Гаджеты для блога - последние комментарии

Использование Yahoo Pipes

Многие из вас наслышаны о технологии Yahoo Pipes. На ее основе вы можете создать альтернативный вариант виджета "Последние комментарии".

Этот вариант не предполагает вмешательства в шаблон вашего блога и в этом его плюс. Минусом в этом способе является то, что алгоритмы Yahoo Pipes обновляются не так быстро, как в привычном для вас гаджете "Recent Comments".

Кроме того, этот вариант гаджета не выводит аватарки.

Гаджет "Последние комментарии" с аватарками

Именно этот вариант гаджета "Последние комментарии" используется в блоге Блоgгер.

Как настроить этот гаджет подробно описал блоггер aldous. Я немного дополнил ту часть, которая будет добавлена в гаджет "JS/HTML".

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

Вносим изменения в шаблон

Открываем шаблон блога "Шаблон" - "Изменить HTML" - "Расширить шаблоны виджета".

Вам нужно будет добавить стили в вашу CSS и один из скриптов, отвечающих за работу гаджета.

Находите в шаблоне фрагмент закрывающий тег ]]></b:skin> и перед ним вставляете стили для гаджета. /* recent_comments gadget */
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: normal;line-height: 1.4;}

Далее находите закрывающий тег </head> и перед ним вставляете скрипт: <script src='http://bloggerndch.googlecode.com/files/w2b-recent-comments-w-gravatar.js.txt' type='text/javascript'></script> Нажмите "Просмотр". Если блог нормально открывается в просмотре, изменения можно сохранить. Кстати, обратите внимание, но то, что файл javascript имеет расширение txt. Не вздумайте ничего менять, а то скрипт работать не будет.

Гаджет "JS/HTML"

Теперь добавьте в шаблон вашего блога гаджет "JS/HTML" (вкладка "Дизайн"). Вставьте в этот гаджет такой код: <!--noindex--><script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 3,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 140,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>

<script src="http://pro100blogger.com/feeds/comments/default?alt=json&amp;callback=w2b_recent_comments&amp;max-results=3" type="text/javascript">
</script><!--/noindex-->

Несколько пояснений по настройке:
numComments - количество комментариев
showAvatar  = true - показать аватарку
avatarSize - размер аватарки
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true - включен дефолтный аватар. если его отключить, будет выводиться просто черный квадрат.

По этому, рекомендую использовать предложенные настройки.

Важно:  замените в этом фрагменте кода "src="http://pro100blogger.com" домен pro100blogger.com на свой.

Если эта статья вам понравилась, нажмите кнопочку "+1". Буду признателен, если вы разместите ссылку на эту статью в социальных сетях или в своих блогах.

Желаю всем вам, что бы на ваших блогах не было подобных проблем, а те которые есть, быстро устранялись. Хотелось бы, что бы в новом 2013 году все мы хорошо заработали в интернет и что бы наши блоги получали прирост ТИЦ и PR.

Если вы знаете еще какой то интересный способ добавления пользовательского гаджета "Последние комментарии", просьба поделиться своими соображениями в комментариях к этой статье.

Рекомендую так же почитать:
Оптимизатору - бесплатный аудит сайта
Средства оптимизации шаблона Blogger




Подпишитесь В закладки НапечататьPrint Friendly and PDF


Вячеслав Вареня
Статус: seo-специалист | Контакты


11 коммент.:

Spadarynia комментирует... [Ответить]

Еще раз огромное спасибо! Все стало замечательно, только почему-то более трех комментариев не выводится, даже, когда я в виджете задала и другое число. С наступающими праздниками Вас! Всего хорошего во всех сферах жизни, удачи!

Вячеслав Вареня комментирует... [Ответить]

@Spadarynia

Добрый день.
numComments - поставьте нужное количество комментариев.

recent_comments&max-results=3
Вместо цифры 3 поставьте нужное число комментариев.

Spadarynia комментирует... [Ответить]

@Вячеслав Вареня Еще раз благодарю, все получилось, просто я не в той строчке меняла цифру.

ЛИСА комментирует... [Ответить]

Вячеслав, большое спасибо за статью! Очень помогло! А может Вы знаете, как сделать так, чтобы в столбике "последние комментарии" отражались коменты только читателей блога, а свои ответы не показывались?

Вячеслав Вареня комментирует... [Ответить]

@ЛИСА

Пока не знаю, как такое реализовать.

Oxana Panteleeva комментирует... [Ответить]

Спасибо большое!

Анонимный комментирует... [Ответить]

отлично

Римма Буянова комментирует... [Ответить]

Вячеслав зашла на Ваш блог и увидела много полезного и познавательного лоя себя.Я еще не очень дружна с оформлением блога,но стараюсь все познать и применитьЗаписалась к вам в друзья.Успеха и удачи!!! И спасибо большое!

Татьяна Бочкарева комментирует... [Ответить]

Спасибо большое! У меня все получилось!

Олеся Царёва комментирует... [Ответить]

Вячеслав, почему у вас не видно конечного результата, ведь нам важно, как это будет выглядеть. Не очень хочется возиться с шаблоном, не зная, что получиться, вдруг дизайн не подойдет?

Вячеслав Вареня комментирует... [Ответить]

@Олеся Царёва

Добрый день. А чего вы решили, что нет? Он у меня называется "Особое мнение".

Отправить комментарий