Добавляем форму подписки RSS

Добавляем форму подписки RSS и меняем внешний вид

В этом уроке я покажу как сделать форму подписки на rss и изменить ее, то есть стилизовать виджет который мы добавим на сайт. Я покажу на примере WordPress.

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

Для начала зайдите сюда FeedBurner, создайте свой rss канал. Впишите в поле адрес сайта , нажмите Next

Еще раз жмем next , далее в окне пишет Feed title – заголовок вашей рассылки, Feed address – адрес вашего RSS . У меня он выглядит так http://prowebuser.ru/feed/.

После создания канала RSS . Зайдите на вашу страницу в FeedBurner , перейдите во кладку Publicize, Email Subscriptions, выберите Русский язык ,там почему то он из всех один с маленькой буквы!! Теперь нам нужен весь код формы с поля ниже:

Скопируйте его, изначально он выглядит так:

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

<p>Delivered by <a href=»http://feedburner.google.com» target=»_blank»>FeedBurner</a></p>

Он выводит ссылку внизу. А зачем нам чужие бесплатные ссылки? !Правильно! Незачем !

Для своего сайта я нарисовал вот такую шапку блока:

В коде после открывающего тега <form>

<form style=»padding:3px;text-align:center;» action=»http://feedburner.google.com/fb/a/mailverify» name=»fr» method=»post» target=»popupwindow» onsubmit=»window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=prowebuser’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true»>

Вставил рисунок:

<p><img alt=”” height=”100″ src=”путь к рисунку” /></p>

И убрал border у формы.

Теперь нужно поменять стандартную кнопку. Заходите например сюда, это генератор кнопок на CSS , настройте нужную вам кнопку , потом жмите Get Code , ставьте галочку на — Show <style> tag? и копируйте готовый css код.

Заходим в панель управления WordPress – Дизайн – Виджеты и выберите добавить виджет “Текст”:

Заголовок я оставил пустым – мне он не нужен. В первую очередь вставляем код CSS стиля с сайта генератора кнопок, потом ставим код формы с FeedBurner, там в коде формы находим кнопку отправки :

<input type=»submit» value=»Subscribe» />

И после type=”submit” ,вставьте свойство class=”classname” – где classname имя созданого класса , того самого который мы создали и скопировали с генератора кнопок. Все, сохраняйте – много вам подписчиков и всех благ!

comments powered by HyperComments

Оставьте мне собщение