Новое в блоге
Loading...
15 янв. 2012 г.

Виджет похожих сообщений с миниатюрами от сервиса nRelate

Всем привет! Не успел я с Вами попрощаться, как спешу поделиться с вами супер виджетом отображения связанных сообщений с миниатюрами после каждой статьи от сервиса nRelate. Эскизы ваших постов под каждым сообщением лучше, чем тысячи сказанных слов. Кажется так говорят. Виджет от сервиса  nRelate не только расширит ваши презентации постов, но также поможет Вам получить больше кликов. Посетители обычно не нажимают на простые тексты  и это также доказано, что картинки получают больше кликов, чем ссылки и почему бы Вам не использовать миниатюры. Это поможет Вам снизить количество отказов и дать себе лучший шанс, чтобы читатели как можно дольше оставались у Вас в блоге. Виджет nRelate - это не только очень визуально привлекательный, но и обеспечивает 5-12% - ное увеличение просмотров ваших страниц. А это нам и нужно.

Как установить виджет связанных сообщений с миниатюрами от сервиса nRelate в Blogger

Сначала заходим на сайт nRelate и нажимаем кнопку вверху "Partner Login"

Виджет связанных сообщений с миниатюрами от сервиса nRelate 
На открывшейся странице, нажимаем справа "create an account"(создать учетную запись).

создать учетную запись
Регистрация даёт очень много преимуществ. Регистрация бесплатная и даст Вам доступ к отчетности, настройке виджета под ваши требования  и возможность зарабатывать на рекламе.

Заполните форму регистрации
Что бы Вам легче было, я скриншот сделал с переводом на русский язык. Заполняем форму как обычно. Не забудьте указать URL адрес вашего блога. Далее нажмите "Регистрация". Чтобы начать использовать этот сайт Вам теперь необходимо активировать свою учетную запись через электронную почту. Проверте свою почту и перейдите по ссылке указанную в письме. Затем Вы по ссылке попадаете на страницу которая на скриншоте выше. Введите своё "Username" (имя пользователя) и "Password" (пароль) указанные при регистрации.Теперь когда вошли пожалуйста, используйте верхнее меню навигации сайта, наведите курсор на кнопку "Install" и в
выпадающем меню выберите вашу платформу блога. В нашем случае конечно Blogger. В открывшимся окне введите URL адрес вашего блога.

Введите URL адрес вашего блога
Далее нажмите кнопку "Submit" и мы попадём сюда:

Выбор установки
Нажмите верхнюю кнопку "Install on Posts Only" и Вы попадёте на страницу установки непосредственно в блог:

Установка виджета в блог
Теперь нажмите  "Добавить гаджет" и Вы попадёте в свой блог. Перетащите гаджет ввниз под сообщения.Теперь перейдём к настройкам виджета связанных сообщений с миниатюрами от сервиса nRelate для Blogger. Мы пока установили виджет по умолчанию,далее зайдите в свой блог,под сообщениями увидите миниатюры с логотипом nRelate нажимаете на его. Вас перекидывает в вашу учётную запись.Здесь в верхнем меню наведите курсором на кнопку "Manage Settings" (управление параметрами) и в выпадающем меню выбрать Blogger.

Основные настройки виджета
На этой странице Вы можете произвести основные настройки виджета например:
размер эскиза, название которое будет отображаться перед виджетом (похожие статьи или другое), максимальное число связанных сообщений для отображения в блоге и так далее. После всех необходимых настроек, не забудьте нажмать кнопку "Сохранить"(Save) И у Вас автоматически в блоге поменяется виджет с вашими настройками.Теперь если Вы не устали я продолжу, так как есть ещё разные стили виджета. Подводим курсор мыши к кнопке "Manage Settings" -- Blogger и нажимаем в выпадающем меню "Галерея стиля Blogger"

Выбор стиля виджета
Теперь можете выбрать стиль виджета,какой хотите.Не забудьте,что Вы можете в любое время сменить стиль.Как сменить стиль виджета связанных сообщений с миниатюрами от сервиса nRelate

Зайдите Blogger--Дизайн--Изменить nRelate. Теперь в коде надо заменить стиль css на выбранный вами. Делается это так:

<style type="text/css">@import url(http://static.nrelate.com/common_b/0.01.0/nrelate-panels-default.min.css);</style><div
<div id='nrelate_related_placeholder'/></div>
Над каждым стилем есть строчка с URL адресом css. Например Вам понравился стиль знаменитого Linkwithin, меняем выделенное в коде (только в вашем коде) красным на адрес стиля
Linkwithin,то есть на это: http://static.nrelate.com/common_b/0.01.0/nrelate-panels-dhot.min.css 
Сохраните гаджет. Всё готово. Желаю удачи. Всем пока.

Смотрите также: cтильный виджет связанных сообщений под каждым постом для Blogger или
как добавить плавающий текст к курсору мыши

Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями:

14 коммент. :

  1. красивый, но индексируется туговато :(

    ОтветитьУдалить
  2. Можно воспользоваться другим виджетом, как у меня.

    ОтветитьУдалить
  3. Интересная фишечка, надо попробывать.

    ОтветитьУдалить
  4. Спасибо за статью! Установила. То, что нужно!

    ОтветитьУдалить
    Ответы
    1. Привет! Отличный сервис,самому очень нравится.

      Удалить
  5. Как установить первый вариант ? " You may also like " ???

    http://2.bp.blogspot.com/-seOU0CQNy1k/TxIXqzPiilI/AAAAAAAAD6I/0w_OwOCPCLo/s400/%25D1%2581%25D1%2582%25D0%25B8%25D0%25BB%25D1%258C_%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B6%25D0%25B5%25D1%2582%25D0%25B0.jpg

    Как тут на фото )

    ОтветитьУдалить
    Ответы
    1. Сейчас установка стилей изменилась,стало проще. Вот инструкция в моём блоге- http://shkolablogger.ru/vidzhet-pohozhie-stati-dlya-blogger-ot-servisa-nrelate.html

      Удалить
  6. А у меня почему то ничего не появилось. все по шагово делала

    ОтветитьУдалить
    Ответы
    1. Привет,Марина!Сейчас установка происходит по другому . Ссылка в комменте чуть выше.

      Удалить
    2. Все делала именно так как в инструкции по каждому шагу.
      Все равно ничего не появилось((((((( В чем проблема? И LinkWithin тоже устанавливаться не хочет.
      Может проблема в настройках самого блога?? Уже разные способы пробовала.

      Удалить
    3. Нет Марина блог здесь ни причем,если у вас не получается с этими сервисами установите вот этот виджет - http://shkolablogger.ru/pohozhie-soobscheniya-related-post-vidzhet-dlya-blogger.html там у меня найдете ещё и другие.

      Удалить
    4. Я наверное уже замучала)))
      Этот тоже пытала поставить, но во второй части ни одной из этих строк не могу найти..даже похожие. Проверила каждую строчечку, даже пыталась шаблоны менять..
      data:post.body ну точно нет((((
      Видимо не судьба...

      Удалить
    5. Марина, я вам сейчас у себя в другом блоге напишу.

      Удалить

 
Footer