Установить информер на сайт

Создано февраля 3, 2011 категория Блоггинг автор admin

У себя в жж я использую информеры с других своих сайтов. Информер — это такой графический элемент, который отображает (в моем случае) постоянно обновляемую информацию с моего сайта.

Хочу заметить, что очень часто различные сайты предлагают установить свой информер на вашем сайте. Это легко сделать — вы берете код прямо с того сайта, информацию с которого хотите получать. Но не все знают, как подобную штуку сделать для себя. Сейчас я расскажу, как сделать и установить на сайт свой информер. На примере информера с этого моего сайта.

И еще один момент. Существует множество способов создания информеров. Я вам сейчас расскажу конкретно о своем простом и доступном способе.

Идем в свой аккаунт FeedBurner. Если вы не знаете, что это такое и как им пользоваться — сейчас об этом я рассказывать не буду. Я этому училась по курсу Светланы Алликас по созданию блогов.

Открываем настройки фида для своего сайта.

На закладке «Публикуй» выбираем сервис — «Аниматор заголовков».

Дальше выбираем настройки такие, которые подходят под вашу задумку. Я свои информеры ставлю в сайдбар, поэтому выбираю достаточно компактный формат.

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

Итак, я выставляю для своего информера такие настройки:

Clickthrough URL — оставляю как есть — он автоматом подтягивает нужную ссылку на фид.

Theme — выбираю последнее из выпадающего списка «Provide your own background«. Это позволит мне иметь прозрачный фон информера.

В поле «Background Image» — можно загрузить свою фоновую картинку. Я этого не буду делать.

Дальше, галочка в Title, чтобы отображать название — вы можете сделать по своему. в полях ниже выбирается размер и цвет надписи.

Дальше, в блоке Headlines поставьте галочку. И установите параметры основного текста — цвет, размер.

В блоке Dates, наоборот, я галочку убираю, чтобы не отображать дату.

Нажимаем кнопку «Активировать«.

А теперь самая главная хитрость.

У вас вверху висит то, что получилось. И что мы видим — название не помещается. Много пустого места и так далее.

Чтобы это исправить — продолжаем редактировать информер.

В тот блоке, что внизу наведите мышкой на название информера — увидите темное поле, нажимайте на левую кнопку мыши и перетаскивайте ее выше/ниже. Видите? Название можно подвинуть!

Подвиньте его туда, где вам больше нравится. Я — в центр к верхнему краю.

Так же подвиньте блок с основным текстом. Я его поднимаю ближе к названию и левому краю. И увеличиваю ширину этого основного блока до 175-ти, чтобы текст был от края до края (это редактируется поле Width в блоке Headlines).

Нажимаем кнопку «Сохранить». И смотрим вверху на результат.

Все — информер мы создали. Теперь устанавливаем.

Там же вверху есть под изображением надпись «Add to MySpace, TypePad, etc.» с красным плюсиком. В выпадающем списке рядом с ним выбираем последнее Other, и нажимаем кнопку «Next» рядом. В новом окне будет код, который можно использовать для вставки на любых сайтах. В этом окошке, поставьте галочку в поле «Include a «Grab this» link» — это позволит использовать этот код всем, кто хочет.

Копируем этот код и вставляем куда надо. Я его добавлю прямо сюда (с одной поправочкой — текст «Grab this Headline Animator» я заменила на русский «Получить код информера для своего сайта«)! Смотрите, что получилось.

↑ Получить код информера для своего сайта

Здесь же, в html редакторе можно еще кое-что подправить для красоты блока. Но это уже тонкости. Главное, что этот блок — постоянно обновляемый в соответствии с обновлениями на вашем сайте.

Желаю удачных экспериментов! И, конечно, отвечу на все вопросы по данной теме.