похожие сообщения с миниатюрами

    Конспектирую новые изменения в шаблоне.

    Добавила себе внизу сообщений такую штуку - похожие сообщения с миниатюрными изображениями:

     Когда задалась вопросом "где это взять?", сразу ринулась к блогеру, думала есть такой гаджет, что-то типа "похожие сообщения" - нет такого. Пошла по блогам, смотреть, кто\что\как это сделал. Обнаружила два способа - простой и не очень.

    Самый распространенный, думаю из-за его простоты, это создать виджет с помощью сайта LinkWithin . Там все просто - вводим в соответствующие поля емейл, адрес блога, выбираем платформу blogger,  сколько похожих сообщений хотим видеть от 3 до 5, если в блоге светлые буквы на темном фоне - ставим галочку, нажимаем большую кнопку "Получить виджет". Дальше делаем все по подсказкам со скриншотами - добавляем виджет, перетягиваем под сообщения, сохраняем. Выглядит выджет так:

 
     Изменить можно только текст над ним - "Дизайн" - "Изменить HTML" - где нибудь среди скриптов вставить строку:

<script>linkwithin_text='ваш текст:'</script>

     Так я сразу и сделала. А потом увидела фиолетовый цвет выделяемого сообщения... Не, ну к сине-голубому блогу оно еще куда ни шло, а вдруг мне стрельнет сделать его желтым, оранжевым или зеленым? Как его изменить не нашла. Весь дизайн виджета идет со стороны сайта разработчика и есть только два варианта расцветки - темные буквы на светлом фоне и светлые буквы на темном фоне. 

    Что ж,  т.к. легких путей мы не ищем, а нам надо все красиво, пошли искать другие варианты. В одном из блогов увидела какое-то не такое оформление виджета и явно заточенный под цветовую гаму блога. Заинтересовалась, а как сделан он? Не без помощи мужа (пользуясь случаем хочу передать привет =) и еще раз спасибо), залезла в код и оказалось, что все оформление в нем сделано не скриптом как в LinkWithin, а с помощью html и css. А молодцы разработчики всунули в код ссылку на свой сайт, где все это добро лежит, где оно и было найдено. В том виде, что там выложено, оно выглядит так:

    Правда я тут уже изменила цвет выделенного сообщения, размер и цвет шрифта (там он задуман жирным и черным). И как-то тесно они друг к другу прижаты. Да и в самом коде есть спорные места... Вобщем, не без помощи мужа, было допилено то того вида в котором оно есть сейчас. Тут уже можно менять что хочешь - цвета, шрифт, размеры, отступы, дорисовывать рамочки - лишь бы знать где и как. Сам код не буду сюда копировать, там довольно понятно все расписано.

    А теперь про различия (кроме внешнего вида): 

- виджет от LinkWithin, как на меня, более рандомно отображает сообщения. Т.е  если есть, например, 20 сообщений с одним тегом, он может показать вместе как ближайшие по дате, так и очень давнишние. А во втором способе - показываются более свежие сообщения с таким же тегом, а очень старые могут так и не мелькнуть в нем. Можно ли это изменить я хз :(

- виджет от LinkWithin отображается как под отдельно открытым сообщением, так и на страницах под каждым сообщением. Второй способ, показывает похожие сообщения только под отдельно открытыми сообщениями, хотя его можно допилить и до отображения на станицах, а вот в   LinkWithin убрать это нельзя.  

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

    Я выбрала второй вариант. Повелась на внешний вид, хотя фиолетовый цвет в  LinkWithin не такой уж и страшный...

    Многабукав закончились =) Не знаю, насколько понятно я описала свои вчерашние приключения и насколько интересны они вам. Буду рада если кому-то пригодиться сей вышеизложенный опус. 

зы: если где-то написала глупость с точки зрения специалиста, прошу меня извинить ибо нишарю, пишите где - исправлю =)

UPD 7.07.11 :
- нашли как увеличить рандомность во втором варианте. Все оказалось просто. Во втором куске кода есть max-results= и большая цифра 6 - вот она и ограничивала количество постов из которых оно выбирало что показывать. Муж поставил 999 и вопрос решен. Теперь второй вариант меня устраивает всем.

UPD 11.02.14 :
- оставлю это здесь - как сделать миниатюры от  LinkWithin круглыми.