Как настроить 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,  Вашего анонса. Жалко, что не могу показать скриншот своего письма, где бы Вы увидели название. [urlspan]Подписывайтесь[/urlspan] и получайте красивые анонсы к себе на почту. Тех людей, которые уже подписаны, попрошу посмотреть еще рас на мой анонс, если конечно он остался у Вас на почте. В вверху письма написано название моего блога «Блог Алексея Кобзарева». Так вот, это и есть то название, которое нужно вписать в поле «Тема/Название письма».
  • 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 и вставить подписку на сайт или блог. Все получилось? Подписывайтесь на [urlspan]обновления блога[/urlspan], чтобы не пропускать самое интересное.

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



Интересный и полезный контент

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

  1. Сергей

    О-гог-го, это Вы мастерски! Для меня то, что в конце статьи — весьма сложно даже для понимания. Но с таким методическим руководством — не так уж и страшно.

    1. Алексей Кобзарев Автор записи

      Вчера Вы напомнили мне, что нужно написать эту статью, спасибо.

  2. Игорь Черноморец

    Я тоже скажу — ого го!!!! Вот это объяснения, я понимаю! Класс!!! Давно хотел сделать фон под подписку,но как то не хотелось искать информацию в интернете, а тут вы как раз с нужной мне информацией. Спасибо!Прямо сейчас и постараюсь все сделать по вашим указаниям. У меня только маленький вопрос: почему вы сказали вставить код в файл sitebar.php а не через виджет? Или это потому что через виджет нельзя будет установить class css? Или я просто тупой и говорю сейчас какую то чушь? 😮

    1. Алексей Кобзарев Автор записи

      Я лишь показал пример на файле sidebar.php. В виджет тоже можно вставить, но многие блоггеры говорят, что виджеты лучше держать пустыми и все правила надо прописывать в файлах темы.

  3. Игорь Черноморец

    Вы хотите сказать то,что все что у вас находиться в сайбаре,все прописано через файлsitebar.php а не через виджет?

  4. Игорь Черноморец

    Странно! Первый раз слышу об этом! Вроде бы читаю много блогов как и экспертов так и просто от толковых вебмастеров, но никогда раньше не слышал о таком совете! А почему вообще? Скорость? или что?

  5. Андрей

    Спасибо, Алексей! Наглядный урок, но я с не давнего времени перешел с фитбунгера на смартреспондер, дабы иметь возможность контактировать с подписчиками. Но интересно. Мое Вам почтение. Я все делаю через виджеты. Просто боюсь лезть в код.

    1. Алексей Кобзарев Автор записи

      Спасибо! Почему боитесь? Пользуйтесь блокнотом notqpad ++, там если, что-то пошло не так, то все можно вернуть назад.

  6. Надежда Давыдова

    Алексей, не совсем поняла, в чем преимущество Вашего способа прописывать все через код сайдбара, а не вставлять виджеты? Любопытно 🙂

  7. Лара

    А я вставляю всё в виджеты, кроме топа комментаторов, он в коде.

    Постараюсь по статье потом всё подробно сделать. По крайне мере всё подробно написано, можно разобраться!

    1. Алексей Кобзарев Автор записи

      Думаю у вас все получиться. Если, что спрашивайте в комментариях, подскажу.

  8. Лара

    Алексей, а как сделать, чтоб картинка крутилась, как у вас на бесплатном авторском курсе? В сайдбаре при наведении мышкой. Что надо добавить в код?

  9. Александр

    Обработанную картинку куда заливать? Просто в папку с картинками Images своей темы?

    А в «background: url(«Ссылка на картинку») no-repeat scroll center top transparent;» прописать этот путь?

    1. Алексей Кобзарев Автор записи

      Заливайте куда угодно, лишь-бы была ссылка на картинку.

  10. Татьяна Кузьменко

    Алексей, добрый день!
    Как всегда — спасибо большое! Учусь ежедневно чему-то новому на Вашем блоге.
    Сегодня сделала у себя на сайте форму подписки на мейл (картинку не вставляла, так как у меня весь дизайн минималистический).
    Все получилось. Вот только осталось непонятным, как заменить английский текст на русский в окне, выпадающем после того, как человек ввел свой адрес и нажал кнопку «подписаться». Речь идет об окне, в котором предлагается ввести набор букв для подтверждения, что ты не робот.
    (Странно, но почему-то текст в следующем за ним окне, где просят проверить свою почту и перейти по ссылке, уже русский…)
    При оформлении подписки на Вашем блоге, Алексей, где надо — везде русский текст. Значит Вы эту проблему решили.
    Поделитесь, плиз.
    Заранее благодарю!

    1. Алексей Кобзарев Автор записи

      Добрый день Татьяна!

      В своем аккаунте заходите по такому адресу: «Публикуй/подписки по электронной почте» и замените Английский на Русский. Или в уже существующем коде подписки, найдите: value=»en_US, поменяйте ее на value=»ru_RU. После этого, все будет на Русском языке, как у меня.

        1. Алексей Кобзарев Автор записи

          Пожалуйста. 🙂

      1. Татьяна Кузьменко

        Еще вопрос, а могу ли я вообще удалить из формы подписки строку Delivered by FeedBurner ? Как это сделать я понимаю. Но, может, эта строка для чего-то важного нужна?

        1. Алексей Кобзарев Автор записи

          Да нет, ничего важного, это просто ссылка на сервис.

  11. Татьяна Кузьменко

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

    1. Алексей Кобзарев Автор записи

      В админ-панели, зайдите в настройки/чтение и поставьте анонс. Анонс в зависимости от настроек feedburner.

      1. Татьяна Кузьменко

        Нашла на вкладке «Оптимизируй» в Summary Burner. Установила Maximum length 200 characters. Получилось!

Добавить комментарий

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