Красивая Rss форма подписки на ваш сайт.

Разбираем видеокурсы и видеоуроки авторов по созданию сайтов с помощью СМС WordPress.

Красивая Rss форма подписки на ваш сайт.

Сообщение Александр » Пн дек 03, 2012 01:56

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

Захотелось мне сделать необычную RSS форму подписки от сервиса feeds.feedburner.com
Саму форму я сверстал быстро получилось в целом хорошо.
Форма привлекает внимание, тем, что в окне формы идёт призыв: Введите Email и нажмите ок.

Изображение

Далее я хотел использовать не стандартный счётчик картинку от гугловского сервиса, а взять числовое значение и с помощью стилей вывести красиво число подписчиков.

Как вывести количество подписчиков на ваш фид RSS в Feedburner?

Немного погуглив, я нашёл, что реализовать это можно с помощью функции парсинга значения числа подписчиков с самого сервиса.
Для вывода количества подписчиков Feedburner без плагинов вы можете использовать не плагины а функцию и вызов её в нужном месте.

Я пробовал массу функций, с разных сайтов, многие были кривые, и не работали, те которые работали не выводили число подписчиков вообще.
Проведя массу времени, я понял, что гугл подкрутил там чего то или опять меняет, и не отдаёт данные в числовом виде, только с помощью стандартного ихнего счётчика картинки можно получить количество подписчиков.

Например вот: Изображение


Одним словом решил пока сверстать и оставить, то, что есть.
Код формы картинка к посту которую вы видите выше прилагаю ниже:

Код: выделить все
<p align="center"><a rel="nofollow" href="http://feeds.feedburner.com/master-kid-ru" title="RSS Лента сайта Master-Kid.Ru" target="_blank">
<img align="left" src="http://master-kid.ru/wp-content/uploads/2012/11/RSS.png" alt="RSS Лента сайта Master-Kid.Ru" width="70" height="70" border="0"></a>
<a rel="nofollow" href="http://feeds.feedburner.com/master-kid-ru" target="_blank">Rss записи сайта</a><br/>
<a href="http://feeds.feedburner.com/master-kid-ru"><img src="http://feeds.feedburner.com/~fc/master-kid-ru?bg=FF9933&amp;fg=000033&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a><br/>E-mail подписка: </p>
<center>
<div>
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=master-kid-ru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify" style="padding:3px;text-align:center; margin-bpttom:7px;">
<input type="text" name="email" style="width:190px; height:24px; color: #555555; font-weight: normal; font-size: 12px; border: 1px solid #cccccc;" value=" Введите Email и нажмите ОК" onfocus="if (this.value == ' Введите Email и нажмите ОК') {this.value = '';}" onblur="if (this.value == '') {this.value = '';}">
<input type="hidden" name="uri" value="master-kid-ru">
<input type="hidden" value="ru_RU" name="loc">
<input type="submit" value="ОК" style="color: #252525; font-family: verdana; font-weight: bold; height: 27px; border: 1px solid #FFAE40; background: #ffc470; font-size: 12px; width: 38px;">
</form>
</div>
</center>


Да в форме master-kid-ru заменяем на свой идентификатор на feedburner
Просмотреть как настроить RSS целиком, если она до сих пор не настроена можно на моём блоге: http://aleksnovikov.ru/rss-lentyi-novos … feedburner

Просмотреть живой пример рабочей формы можно на сайте: http://master-kid.ru



Аватар пользователя
Александр
Администратор
Администратор
 
Сообщений: 897
Зарегистрирован: Вс янв 30, 2011 16:24
Откуда: КРЫМ
Пункты репутации: 151
ПрофессорПрофессор



Вернуться в Создание сайта на WordPress

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1