Красивая форма подписки feedburner

Ну и как всегда, я приветствую всех читателей и посетителей этого блога.

На днях мне был задан вопрос, как создать красивую форму подписки.

Ну я писал уже о форме подписки, но только в конце каждой статьи. Об этом вы можете почитать:

ЗДЕСЬ

Ну и сегодня хочу рассказать, как создать красивую форму подписки в сайтбаре.

Есть две основные формы подписки, это Feedburner (RSS) и SmartResponder.

Мы рассмотрим обе формы подписки.Но в этой статье, мы будем создавать только подписку на Feedburner (RSS).

Создаем форму подписки вариант № 1

Для этого в сервисе Feedburner, у вас должен быть зажжен фид.Открываете его и заходите во вкладку «Оповещать», как показано на срине ниже.

Далее переходим по ссылке «Подписки по электронной почте» и скачиваете сформированный для вас код и вставляем в виджет.

И смотрите какая у нас вышла форма подписки.

Но она смотрится невзрачно, да еще на английском языке.Здесь можно все изменить и исправить.Но я хочу вам предоставить код, для симпатичной формы подписки.
Здесь вы скачиваете архив с двумя кодами и иконками соц сетей:

В коде для сайтбара, в двух местах заменяете мое значение vipinternetrabota/giSm на свое.Вы его берете из своего кода, который вы взяли в сервисе Feedburner.

А вот где он находится, вы можете увидеть в самом верхнем скрине.Там отмечен мое значение vipinternetrabota/giSm. А у вас свое в этом же месте, вот его и меняем.

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

Далее что бы отлично все смотрелось, нам нужно отредактировать стили.
Для этого, переходим в Админ панели блога, заходим в Редактор и в (style.css)
в самом низу, вставляем код, который скачали с архивом и называется «код стилей»

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

Не торопитесь и все у вас получится

Делаем форму подписки вариантом № 2

А вот еще один интересная подписная форма.
Для начала скачиваете архив с тремя кодами и иконками соц сетей:

Нам будет нужен код с названием«код для сайтбара», в нем вы меняете мое значение vipinternetrabota/giSm на свое и вставляете в сайтбар.
Далее скачиваем на блог вот такую картинку:

Она будет так же находиться в архиве.

Далее нам нужно зайти в Редактор и в самом низу файла style.css выставить код, который находится в скаченном архиве и называется«код для стилей».Но прежде чем сохраниться, в коде нужно прописать ссылки на ваши картинки.

Теперь сохраняемся и смотрим что у нас получилось.
У меня вышло так

Отлично вышло.
Так же в эту форму, можно добавить иконки соц сетей.
Берем код который так же находится в архиве и называется «код для сайтбара с соц кнопками», меняем там свои данные.

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

Кстати, не забудьте в корневой папке блога, создаёте папку images и сохранить там иконки, которые были даны в архиве.

Форма подписки вариант № 3

Ну и в заключении, я хочу вам предоставить код формы подписки, который установлен у меня.
В этом коде уже прописаны стили.Единственное что вам нужно, это заменить мои данные vipinternetrabota/giSm на свои.

Так же не забудьте изменить данные своих соц сетей и ссылки на иконки соц сетей.Кстати ин конки в архиве есть разные, так что в коде можете прописать свои иконки
Скачайте архив кода и иконок.

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

Ну и на этом закончим.
В следующей статье, напишу как создавать форму подписки в SmartResponder.

Если возникнут вопросы, задавайте в комментариях

С Уважением, Игорь Александрович