Ручная установка LinkWithin

Опубликовано:
LinkWithin - достаточно известный виджет похожих сообщений. Пользуется большой популярностью среди пользователей Blogger.
Поскольку с декабря в Blogger не работает автоустановщик, то виджет похожих сообщений LinkWithin придётся ставить руками в шаблон.

Установка LinkWithin в Blogger

Сначала получаем код на официальном сайте виджета www.linkwithin.com.

Получаем код LinkWithin

Заполняем email, ссылку на блог и выбираем кол-во тамбнейлов (превью) в виджете похожих сообщений. Платформой нужно выбрать other - другая. У кого тёмный шаблон в блогк, может поставить последнюю галочку.

Нажимаем Get Widget!  и получаем код такого вида:
<script>
var linkwithin_site_id = 509897;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>
Обратите внимание на состав кода.
В первом скрипте мы можем найти свой id (уникальный номер в системе) в LinkWithin.

Теперь переходим в админ-панель Blogger, в Шаблон - Изменить HTML и через поиск по шаблону (нажать на любом месте кода + комбинация ctrl+F, в появившемся окошке ввести запрос) находим низ (футер) поста. Как правило, это <data:post.body/>, либо <div class='post-footer-line post-footer-line-3'> или <div class='post-footer'>. Проверить нужно сначала опытным путём, введя в шаблон абракадабру и посмотреть, появилась она в желаемом месте или нет.

Помещаем код, полученный на сайте LinkWithin в условие только на страницах сообщений, то есть внутри постов (скриншот кликабелен), затем в футер поста:

Установка LinkWithin в Blogger

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

Готово:

Демонстрация LinkWithin

Русификация LinkWithin

В скрипте параметра после var linkwithin_site_id = 509897; добавить: linkwithin_text='Похожие сообщения:';
То есть код полностью будет выглядеть вот так:
<b:if cond='data:blog.pageType == "item"'>
<script>
var linkwithin_site_id = 509897;
linkwithin_text='Похожие сообщения:';
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>
</b:if>
Процесс настройки внешнего вида виджета LinkWithin описан в статье "Customize LinkWithin Stylesheet - Add Some colors!".
Html-цвета для текста ссылок, надписи и фона в виджете можно сгенерировать здесь.

Ярлыки:
| Издатель: +BlogopoiskRu |

Комментариев нет :

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