Гаджет "похожие статьи" с картинками

пятница, 8 октября 2010 г.

Одной из основных целей блоггеров является привлечение как можно большего траффика на свой блог. Второй задачей после привлечения читателей, необходимо сделать так, чтобы они как можно дольше задержались у Вас на сайте, и легко могли найти другие качественные статьи которые их заинтересуют. Для этого и служит гаджет “Похожие статьи”. В прошлых статьях мы уже рассказывали как сделать подобный гаджет, однако сегодня хотелось бы рассказать о таком гаджете который бы поддерживал картинки из статей. Для этого нам может помочь сервис linkwithin.

Стоить заметить, что существует несколько способов воспользоваться сервисом.

1. Если вы используете стандартный шаблон от blogger.

Просто перейдите на сайт, и в панели справа заполните все поля, в строчке Platform выберите Blogger. в строчке ширина выберите сколько статей вы хотите чтобы отображалось (от 3 до 5), галочкой можно отметить “My blog has light text on a dark background” ( У моего блога светлый текст на темном фоне) , чтобы гаджет подобрал подходящие оттенки. Затем Вам откроется окно в котором необходимо нажать на сссылку Install widget вот так:

Затем выберите блог в который вы хотите установить данный гаджет, и он появится в нем.

2. Если вы используете не стандартный шаблон для blogger.

Так же заходим на сайт, заполняем все данные, только вместо платформы Blogger выбираем other и нажимаем Get widget.

Затем Вы попадете на страницу получить гаджет, и увидите следующий скрипт:

Отсюда Вам необходимо запомнить, или скопировать в блокнот выделенный код. Выглядит он примерно так: 314221.
Теперь необходимо зайти в настройки Вашего блога в раздел Изменить HTML поставить галочку Расширить шаблон, и при помощи комбинации клавиш ctrl+f найти следующий тэг в теле шаблона:

<div class='post-footer'>

либо похожий на него.

Когда найдете перед ним необходимо вставить следующий скрипт:

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

Вместо строчки Id вашего сайта необходимо вставить ранее скопированный код. После чего гаджет должен заработать.

16 комментариев:

Yolka комментирует... 20 февраля 2011 г. в 16:29: спасибо! действительно работает))))
The Neighbour комментирует... 21 февраля 2011 г. в 09:43: =) всегда рад порадовать чем-то интересным...
Olya Chudoolya комментирует... 22 февраля 2011 г. в 22:48: работает!!!!! спасибо)
Ипполит Фетисов комментирует... 28 марта 2011 г. в 18:37: Здравствуйте!
А Вы не подскажете сделать так как у вас "Похожие статьи" сделаны?
Unknown комментирует... 28 марта 2011 г. в 23:33: http://lagunof.blogspot.com/2009/12/kak-ustanovit-plagin-pohojie-stati-v.html
Азил и Нави комментирует... 1 апреля 2011 г. в 18:43: Подскажите, пожалуйста, а возможно, чтобы этот гаджет был не на главной странице после каждого сообщения, а только когда конкретное сообщение просматривают?
Unknown комментирует... 2 апреля 2011 г. в 07:53: помоему нет, для этого есть похожие статьи
Анонимный комментирует... 24 мая 2011 г. в 22:25: для Азил и Нави
чтобы гаджет отображался не на главной странице, а только под сообщениями, внутри них - следует поставить гаджет себе по второму способу, как описывает Сергей.
Изменить HTML, поставить галочку Расширить шаблон, и при помощи комбинации клавиш ctrl+f найти div class='post-footer' и далее по тексту.
Сергею большое спасибо за полезный гаджет!!!
Наиль комментирует... 19 октября 2011 г. в 19:16: Здравствуйте,у меня не стандартный шаблон,почему похожие посты выводятся без картинок,хотя все мои посты с картинками,выходят только название статьи и все.Помогите очень прошу.
Елена Рольхайзер комментирует... 27 октября 2011 г. в 00:35: Большое спасибо! Всё получилось.
Установила без проблем в течении нескольких минут.
ната комментирует... 8 января 2012 г. в 17:00: Все получилось, но подскажите почему гаджет ссылается всегда на удаленные статьи? И не работает с новыми. Сколько не пытался переустановить, результат один и тот же. в чем может быть проблема? устанавливал точно по вашим описаниям.
http://fotootcheti.blogspot.com/
Jonny_30 комментирует... 28 января 2012 г. в 08:27: тоже пользуюсь этим гаджетом, но думаю попробовать скрипт от тулип, там нет внешнего обращения, а результат такой же.
Еще видел предложение от аутбрайн.ком - аналогичный сервис, но про него не знаю ничего, кроме его наличия
Unknown комментирует... 10 апреля 2014 г. в 21:00: Как в анекдоте: то ли я дура, то ли лыжи не едут. Сделала все по второй инструкции и не получается и все!
Unknown комментирует... 10 апреля 2014 г. в 21:48: статья старая, может и не работать уже код
Herb Eco комментирует... 9 января 2015 г. в 15:11: Все работает. :)
Unknown комментирует... 1 августа 2015 г. в 14:40: Здравствуйте! Я установила себе на блог данный скрипт, но мне он не понравился. Хочу установить другой. Подскажите, как мне теперь избавиться от linkwithin ?