Как настроить rss и вставить подписку в сайдбар

Всем привет!

Сегодня хочу затронуть одну тему, с которой немного запоздал «Как настроить rss и вставить подписку в сайдбар или в записи блога». Я, конечно, понимаю, что немного припоздал с этой статьей, ведь после записи создание rss, я написал статью о том, как сделать ленту подписки в картинках.

Думаю, что писать и сообщать о чем-то новом или о чем-то полезном можно всегда, или я не прав? Думаю, лучше поздно, чем никогда! Мы с Вами не только настроим подписку для удобства наших читателей, а еще, как, наверное, поняли из названия, встроим красивую и притягательную подписку на сайт или блог.

  1. Во-первых — красиво
  2. Во-вторых — удобно нашим читателям подписываться
  3. В третьих — больше будет подписчиков, больше будет посещаемость

Сразу скажу, что весь сервис feedburner мы не будем обходить и настраивать, а только сделаем самое основное для людей, которые хотят получать наши новые статьи, то есть анонсы, новости. Настроим все в разделе «Публикуй», ну а если на Английском «Publiciz».

КАК НАСТРОИТЬ

Для начала необходимо войти в аккаунт Google. Вошли? Теперь в поиске поисковой системы Google напишите «RSS feed». Поисковый робот очень быстро откроет Вам результаты поиска, и жмите на соответствующую ссылку.

Как настроить rss

Чтобы не напрягаться, ничего не искать и не писать, жмите [urlspan]здесь [/urlspan] и перейдете в feed. Для того чтобы нам было легче все настраивать поставим Русский язык. Жмите на ссылку в сервисе в своем фиде в правом верхнем углу «Languages» и выберите Русский язык.

Настройка rss

После выбора языка Вас вернут назад в фид. Нажимайте на название своего созданного фида, если у Вас его еще нет, то почитайте статью вверху этого поста о создании, создайте и возвращайтесь к нам. Мы вошли, жмите на вкладку «Публикуй» и поехали настраивать. Начнем не с самого начала, «Аниматор заголовков» пропустим, не знаю как у Вас, но у меня при активации этого раздела выходит страница ошибки 404. Поэтому начнем со второго «Buzz Boost».

КАК НАСТРОИТЬ BUZZ BOOST?

  • Первая строка «Количество отображаемых статей», ставьте 10, чтобы наши посетители видели больше анонсов в ленте
  • Потом идет «Открывать ссылки в новом окне», стоит открывать, так и оставьте
  • Отображать название feeda. Там должно стоять название фида, которое писали при создании RSS ленты. Можно его изменить, но я оставлю как есть
  • Отображать favicon. Если хотите, чтобы в Вашей RSS ленте отображался favicon, возможно создавализдесь или создавали раньше, то ставьте галочку против этой строки
  • Отображать содержимое. Этот пункт можете пропустить, если воспользовались статьей «RSS в картинках», она в вверху этого поста. Нет, не воспользовались? Тогда ставьте не меньше 100 слов, потому что, поставив полный текст, подписчики будут читать  Ваши статьи на почте, а не на блоге
  • Отображать дату публикации статьи. В этом разделе ставьте все галочки и выставляйте отображение даты публикации поста как Вам нравиться

Теперь со спокойной душой активируем эту функцию, нажав на огромную кнопку «Активировать». После нажатия на кнопку «Активировать» будет показано 10 последних статей и настройки заданные Вами.

НАСТРАИВАЕМ ПОДПИСКУ ПО ЭЛЕКТРОННОЙ ПОЧТЕ

Следующий раздел, который мы будем настраивать, самый важный и самый большой. Жмите «Подписка по электронной почте». Тут нам пишут, что после активации этой услуги нам будет доступен HTML код для вставки на блог. Жмите «Активировать». Код нам дали, но мы пока бросим эту настройку и пойдем дальше, так как красивую подписку вставлять будем позже.

COMMUNICATION PREFERENCES

Эта настройка очень важна! Здесь мы напишем свой текст для подтверждения подписки. Как видите там все по Английский и новичок или человек, который не знает этого языка, не поймет. Что ему нужно сделать? Давайте начнем.

  • Адрес электронной почты “От”. Там должен стоять e-mail, который писали при регистрации, если поле пустое или еще что-то, то впишите туда свою GMAIL почту.
  • Тема письма-подтверждения. Текст, который будет написан в этой форме, будет видеть подписчик у себя на почте. Смотрите как у меня:

 

Активация RSS

  • Тело письма-подтверждения. Когда человек откроет письмо, оно должно рассказать ему, что делать дальше, смотрите:

Тело настраиваемого rss письма

Сделайте такое же или подобное, только ссылку оставьте!

${confirmlink}

Она нужна для подтверждения подписки. После того, как все сделали, не забывайте сохранить! Пойдем дальше…

EMAIL BRANDING

Эта настройка будет отвечать за вид анонса в письме подписчика. Даже если Вы сделали из статьи «RSS в картинках», то все равно этот пункт надо настраивать, чтобы человек получающий рассылку видел в письме то, что нужно.

  • Тема/Название письма.  Текст, который напишите в этом поле, будет видеть подписчик каждый раз, когда зайдет на почту и откроет письмо отосланное сервисом Feedburner,  Вашего анонса. Жалко, что не могу показать скриншот своего письма, где бы Вы увидели название. Подписывайтесь и получайте красивые анонсы к себе на почту. Тех людей, которые уже подписаны, попрошу посмотреть еще рас на мой анонс, если конечно он остался у Вас на почте. В вверху письма написано название моего блога «Блог Алексея Кобзарева». Так вот, это и есть то название, которое нужно вписать в поле «Тема/Название письма».
  • URL логотипа.Сюда нужно вставить ссылку Вашего логотипа, если еще нет такого, то создайте. Для тех, у кого уже есть логотип, расскажу, где взять ссылку на него, а точнее сделать. Откройте админ-панель своего блога, зайдите на вкладку медиа файлы/ добавит, и найдите на компьютере картинку созданного логотипа для своего сайта. После того как найдете логотип на компе и выберите его, будет Вам ссылка. Вот ее и вставьте в поле  «URL логотипа».
  • Размер шрифта, размер заголовков, шрифт тела, цвет тела, размер тела, цвет заголовков записей/ссылок в теле письма, ставьте по своему усмотрению. Лично я там ничего не менял. Сохраняйте изменения перед переходом на другую услугу.

Шрифт настройки rss

DELIVERY OPTIONS

Эта услуга отвечает за отправку нашего анонса подписчику. Зачем это нужно? Для того чтобы получить ответ, задайте себе вопрос «Когда я пишу статьи, во сколько?».  Хотел написать другое, но скажу короче. Например, я пишу статьи с утра до обеда, значит мне нужно, чтобы сервис feedburner отправлял анонсы моим читателям вечером, значит, ставлю время отправки «5:00 pm – 7:00 pm», то есть с 5 вечера до 7 мои подписчики получат письмо с анонсом в промежутке этого времени.

Обязательно укажите, в каком часовом поясе сервис должен отправлять анонсы. Себе поставил время +2 Киев, Рига, София и т.д., так как я из Украины и этот часовой пояс мне подходит. Ставьте свой, сохраните изменения. Дальше идут настройки, которые не очень важны, можете их пропустить. Как настроить RSS теперь знаете, дальше вставим форму подписки.

КАК ВСТАВИТЬ ПОДПИСКУ НА ВСЕ СТРАНИЦЫ БЛОГА ИЛИ САЙТА?

Вернитесь на вкладку «Подписка по электронной почте». На строке Language поставьте Русский  язык, чтобы наша подписка была переведена с Английского на Русский и скопируйте код ниже:

Как вставить rss подписку

Статическим сайтам надо вставлять этот код на каждой странице, а для владельцев блогов на движке WordPress, это можно сделать, вставив код в один из файлов шаблона. Давайте начнем?

КАК ВСТАВИТЬ ПОДПИСКУ В САЙДБАР, НА СТРАНИЦЫ ИЛИ ЗАПИСИ БЛОГА?

Для этого надо запустить FTP клиент (File Zila) или любой другой клиент. Зайдите в корень блога по адресу:

wp-content/themes/vashatema/

Уже решили, куда будете вставлять подписку RSS? За страницы отвечает файл — page.php, за записи — single.php, сайт бар — sidebar.php. Открывайте один из этих файлов и вставляйте скопированный код в желаемое место. Например, я вставлял этот  код в самое начало сайдбара, где начинается вывод.

Как настроить rss

Теперь обязательно удалите или закройте от индексации ссылку на feeadburner тегом rel=”nofollow”. Ниже даю Вам эту ссылку уже закрытую от индексации.

Delivered by <a href="http://feedburner.google.com" target="_blank" rel=”nofollow”> FeedBurner</a>

Сохраняйте изменения «CTRL+S» и все, готово. Хотите сделать красивее, чем есть? Например, типа моей подписки.

Подписка по электронной почте

КАК ВСТАВИТЬ КЛАССНУЮ ПОДПИСКУ?

Скопируйте тот самый код из раздела «Подписка по электронной почте», заключив его тегом div, и придадим специальный class для отображения картинки, то есть Ваша подписка будет внутри картинки.

<div class=” rss_girls”&gt; Ваш код с feedburner</div>

С файлом page.php, single.php или sidebar.php закончили. Нам надо создать в файле стилей style.css, тот самый class для отображения картинки, но для начала надо картинку где-то взять. Можем стащить ее у поисковика Яндекс картинки, ну стащить, это громко сказано, скорее просто взять. Так как там бесплатный доступ.

КАК НАЙТИ КАРТИНКУ В ЯНДЕКСЕ?

Заходите сюда и пишите нужный поисковый запрос для поиска картинки, например, мне нравятся девушки, и я буду искать по запросу «Девушки png». Почему png? Так написал, чтобы потом не мучатся с обрезкой ее фото.

Поиск картинок подписки

Когда нашли нужное изображение, сохраните его на компьютер. Откройте фотошоп или любой другой графический редактор. Photoshop можете скачать здесь, его не надо устанавливать. Запустили графический редактор? Откройте свою картинку и уменьшите или увеличите до нужных размеров. Например, у меня сайдбар 310 px в ширину, значит, картинку буду делать размером 300 px в ширину, а в высоту как получиться.

Перетянули картинку в фотошоп? Зажмите на клавиатуре CTRL+A, чтобы ее полностью выделить, CTRL+C, чтобы вырезать в буфер обмен. Нажмите на вкладку файл/ новый, укажите ширину 300 px, жмите да. После этого CTRL+V, чтобы вставить в этот холст вырезанную картинку.

Как отредактировать rss

С помощью клавиш на клавиатуре уменьшите изображение, чтобы она не вылезла за края холста, и повторите CTRL+A, CTRL+X, вкладка файл/ новый и жмите да, там уже будут готовые размеры изображения, которое хотите вставить на блог.

Настройка rss

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

Развернуть по горизонтали

После того как все сделали, сохраните картинку на компьютере, файл/ сохранить для web и устройств/ сохранить в формате JPG.

Последний шаг – создаем class. Откройте в папке Вашей темы блога файл style.css, опустите его в самый низ и напишите:

.rss_girls {

Background: URL ("Ссылка на картинку") no-repeat scroll center top transparent;

Width: 297 PX;

Height: 350 PX;

}

Строки width — ширина и height – высота. Ставьте размеры своего изображение. Сохраняйте файл style.css, обновляйте страницу блога и ву-а-ля, все получилось. Теперь подписчиков станет больше и людям будет удобно.

СМОТРИТЕ ВИДЕО — ЧТО ТАКОЕ RSS-ПОДПИСКА И КАК ОНА МОЖЕТ ПОМОЧЬ?

На этом у меня все. Теперь Вы знаете, как настроить rss и вставить подписку на сайт или блог. Все получилось? Подписывайтесь на обновления блога, чтобы не пропускать самое интересное.

С уважением, Алексей Кобзарев

30 комментариев

Ваш комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *