Похожие сообщения с картинками

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

! Здесь будет два варианта установки, поэтому сначала прочтите всю статью, чтобы выбрать.

Вариант I.

Для Вас инструкция Как добавить в блог на Blogger'е блок с похожими сообщениями.

1. Открыть в соседней вкладке сайт LinkWithin

2. Найти справа поля для заполнения:

• Email - обязательно, иначе код не будет сгенерирован.
• Blog Link - адрес Вашего блога;
• Platform - выбираем платформу Blogger (если шаблон стандартный) или other (не стандартный).
• Width - ширина (3 или 4 картинки с названиями статей или 5 текстовых ссылок на похожие сообщения.
• Если в Вашем блоге фон темный, а текст светлый - поставьте галочку.

3. Нажать кнопку Get Widget.

4. На следующей странице нажмите на ссылку в тексте Install Widget

                                           
5. Далее проверяем название блога и нажимаем кнопку Добавить гаджет

6. В результате гаджет LinkWithin добавится сам, и Вас перекинет в настройки Вашего блога, в Дизайн. Вам останется только перетащить его под сообщение:

В результате под анонсом каждого сообщения на главной странице блога будут располагаться похожие статьи (картинка+название):

Вариант II.

Но, если у Вас на главной странице отображается больше одного сообщения, то получается лишнее нагромождение. Можно сделать так, чтобы блок с похожими сообщениями появлялся лишь при чтении всей статьи (после нее). Как сейчас у меня. Решение я нашла в этом блоге. 

Итак:

1) Открыть в соседней вкладке сайт LinkWithin

2) В форме все заполняем (смотри выше шаг 2). Только в поле платформы нужно выбрать Другой (other):

3. Нажать кнопку Get Widget.

4. На следующей странице увидим код. В нем ищем id Вашего блога, состоящий из цифр (у меня их было 7). Запомните или запишите id.

 5. Заходим в настройки блога. Пункт Шаблон >> Изменить HTML. 
     Ставим галочку в строке Расширить шаблоны виджета.

6.  Далее нажимаем на клавиатуре кнопки Ctrl+F и в поле поиска вписываем:
         <div class='post-footer'> или просто <footer> (у себя нашла только второй):

Перед этой строкой вставляем код:

         <b:if cond='data:blog.pageType == "item"'><script>
var linkwithin_site_id = Id вашего сайта;
(function () {
var elem = document.createElement('script');
elem.type = 'text/javascript';
in.com/widget.js?rand=' + Math.random();
document.getElementsByTagName(
elem.src = 'http://www.linkwit
h'head')[0].appendChild(elem);
})();
</script>
<a href="http://www.linkwithin.com/"><img
0" /></a>
</b:if>
src="http://www.linkwithin.com/pixel.png" alt="Blog Widget by LinkWithin"
style="border:  0" /></a>

</b:if>

Аккуратно удаляем  слова "Id вашего сайта" и выписываем номер, записанный раньше.

Сохраняем шаблон. 

После этих манипуляций блок с похожими сообщениями должен появляться только после текста всей статьи.

P.S. Если у Вас в блоге некорректно отображаются "похожие сообщения" от LinkWithin - может быть конфликт с шаблоном или другими гаджетами. В статье "Похожие сообщения - разные варианты" предлагаю обзор еще 3-х вариантов вставки рекомендуемых статей: http://samasajt.blogspot.ru/2013/09/pohozie-soobcheniya-raznye-varianty.html