Настройка виджета от Outbrain.com (памятка)

В этом блоге я использую виджет "Читателям также нравится" от очень известного сервиса Outbrain.
Разработчиками этот виджет предусмотрен в двух вариациях:

• в виде полосы с картинками
• в виде вертикального списка

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

Виджеты настраиваются с помощью CSS согласно этим классам ↓

Виджет с картинками:

Виджет-список ссылок с рекомендациями:

Тоже самое в pdf документе.

Простой пример ↓

Нужно убрать точки-маркеры (у тега li) и сделать все ссылки красного цвета (по умолчанию ссылки наследуют свойства тега a, прописанные в вашем шаблоне).

Реализация:

<style>

.outbrain_rec_li {list-style-type: none;} /* убираем маркер */

.rec-link {color: red;} /* меняем цвет ссылки */

</style>

Получается в итоге такой блок:

Остальное зависит от вашей фантазии, все опции css берутся из htmlbook.ru.
Как вариант: раскрасить наподобие моего виджета архивов.

www.outbrain.com