Pages

среда, 13 июля 2011 г.

Список похожих статей для blogger


Многие знают сервис LinkWithin, который предлагает установить виджет для отображения связанных тегами постов.
Нашёл исходники альтернативного и свободного скрипта, не нагруженного ссылкой на офсайт.
Как он выглядит, можете посмотреть на этой странице, спустившись ниже.

Установка:

1) Сделать бекап шаблона (обязательно).

2) Найти тег (полностью в скобках) /head> и вставить вместо него код.

3) Найти тег (полностью в скобках)  div class='post-footer-line post-footer-line-1'> и вставить после него код.

4) Настройки:
  • var relatedpoststitle="Похожие статьи"; - заголовок блока
  • var maxresults=9; - кол-во выводимых анонсов
  • var defaultnoimage="http://blogabloger.ru/docs/noimage.png"; - ссылка на картинку "noimage"
  • var splittercolor="#f3f3f3"; - цвет блока
Остальное можно изменить, отредактировав css.
Скрипт протестирован на нескольких шаблонах, вроде всё работает.
Понравился пост? Подпишись на обновления блога по Tuxologia RSSRSS, Tuxologia по EmailEmail или twitter!

10 комментов :

Жизнь Одного Автора комментирует...

То, что искал! Один вопрос, где в CSS стиль заголовка блока, чтобы шрифт сменить и его размер?

tux комментирует...

Имеете ввиду вот это?
<h2>Похожие статьи</h2>

Наверное блок #related-posts h2

zagulyaevsv комментирует...

Это ещё даёт положительный эфект читатели стали больше кликать и статьи в архиве не пропадают.

dimokfl комментирует...

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

tux комментирует...

В пункте №2 css код, с ним надо экспериментировать.
Может руки дойдут, переделаю, чтобы выглядел покруче.
Этот спостоб хорошо тем, что это настоящая перелинковка, тогда как виджеты некоторых сервисов не учитываются поисковиками, потому что исполняются на стороне браузера посетителя.

sasha комментирует...

Давно искал этот скрипт, спасибо!

Дмитрий комментирует...

Почему то у меня на сайте скрипт перестал работать

tux комментирует...
Этот комментарий был удален автором.
aldous комментирует...

Внимание!
Изменились пути к скрпиту и картинке!
Теперь правильные:
http://bloggerndch.googlecode.com/files/rp.js
http://bloggerndch.googlecode.com/files/noimage.png

Анонимный комментирует...

Это все хорошо, но также необхожимо подумать о рабочем компьютере.
Блог про настройку и ремонт компьютеров mixoget.com

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

Примечание. Отправлять комментарии могут только участники этого блога.

Интеллект — это способность избегать выполнения работы, но так, чтобы она при этом была сделана.