Форма подписки на обновление в сайдбаре

(Ответов: 5, Просмотров: 1369)
  1. Дипломник
    • Регистрация: 27.12.2011
    • Сообщений: 197
    • Репутация: 76
    Привет всем! На многих сайтах в сайдбаре видел форму подписки на обновление например: _http://wpnew.ru/ Но не представляю как сделать такую же на своем сайт. Помогите пожалуйста!
    • 0
  2. Дипломник
    • Регистрация: 13.01.2011
    • Сообщений: 249
    • Репутация: 42
    • Webmoney BL: ?
    Регистрируемься на _http://feedburner.google.com дальше вставляем этот код где хотите отображать подписку
    Код HTML:
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=здесь ваша ссылка', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" id="subs-email" > <b>Подпишись на рассылку блога!</b><br> <input type="text" style="width:140px;height: 20px;" name="email" value="Введите Ваш e-mail" onfocus="if (this.value == 'Введите Ваш e-mail') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Введите Ваш e-mail';}"/> <input type="hidden" value="name" name="uri"/> <input type="hidden" name="loc" value="ru_RU"/> <button class="button" type="submit">ок</button> </form></noindex><br>
    думаю со стилями разберетесь сами
    • 1

    Спасибо сказали:

    timonzor(15.08.2012),
  3. Дипломник
    • Регистрация: 27.12.2011
    • Сообщений: 197
    • Репутация: 76
    Я имею ввиду такой же виджет, как сделать?
    • 0
  4. WP-R.ru - магазин WP Аватар для mojwp
    • Регистрация: 13.09.2011
    • Сообщений: 841
    • Репутация: 290
    • Webmoney BL: ?
    открой wpnew в режиме кода CTRL+U
    скопируй что нужно
    затем при помощи firebug узнай настройки стилей css и скопируй нужное себе
    • 1

    Спасибо сказали:

    timonzor(15.08.2012),
  5. Banned
    • Регистрация: 29.08.2011
    • Сообщений: 536
    • Репутация: 89
    Чтобы сделать точно такой же виджет необходимо хоть немного знать css. Если вам нужны просто кнопки подписки, выстроенные в ряд, можно использовать такой код.
    Код HTML:
    <a href="http://feeds.feedburner.com/ИМЯ ПОДПИСКИ" target="_blank" rel="nofollow"><img alt="Подписаться на RSS" title="Подписаться на RSS" src="АДРЕС ИЗОБРАЖЕНИЯ" border="0" width="65" height="66" /></a> <a href="http://twitter.com/ИМЯ ПОЛЬЗОВАТЕЛЯ" rel="nofollow" target="_blank" rel="nofollow"><img alt="Следовать в twitter" title="Следовать в twitter" src="АДРЕС ИЗОБРАЖЕНИЯ" rel="nofollow" border="0" width="65" height="66" /></a>
    Чтобы это выравнивалось по центру можно заключить в
    Код HTML:
    <div align="center"> </div>
    При условии что вы это хотите выводить в сайдбаре
    • 1

    Спасибо сказали:

    timonzor(15.08.2012),
  6. Дипломник
    • Регистрация: 27.12.2011
    • Сообщений: 197
    • Репутация: 76
    Все сделал! Всем спасибо!
    Если кому нужно:
    css
    Код HTML:
    .subscribe {width: 250px; height: 156px; padding: 36px 0 0; background: url("images/subscribe.png") 0 0 no-repeat;}
    .subscribe h3 {font-size: 14px; color: #c34c4c; text-align: center; text-transform: uppercase; margin: 0 0 15px;}
    .subscribe-services {text-align: center; margin-bottom: 28px;}
    .subscribe-services a {display: inline-block; width: 32px; height: 32px; margin: 0 8px; background-image: url("images/sprite00.png"); border: none;}
    .subscribe-services a.rss {background-position: 0 -264px;}
    .subscribe-services a.tw {background-position: 0 -346px;}
    .subscribe-services a.fb {background-position: 0 -428px;}
    .subscribe-services a.vk {background-position: 0 -510px;}
    .subscribeform {text-align: center;}
    .subscribe-field {width: 133px; padding: 5px 0 5px 30px; background: url("images/sprite00.png") 3px -586px no-repeat; font: 12px Arial, Helvetica, sans-serif; color: #888; border: 1px solid #c8c6c4; vertical-align: top; border-radius: 3px;}
    .subscribe-field.focus {color: #000;}
    .subscribeform button {font-size: 12px; font-weight: bold; color: #fff; height: 26px; background: url("images/button10.png") 0 0 repeat-x; border: none; vertical-align: top; text-shadow: 0 1px 0 #487240; border-radius: 3px;}
    .subscribeform button:hover {background-position: 0 -26px; text-shadow: 0 -1px 0 #487240;}
    сам код:
    Код HTML:
    <div class="widget subscribe"> <h3>Подписка на обновления</h3> <div class="subscribe-services"> <a href="http://feeds.feedburner.com/seostud" title="RSS" class="rss" title="RSS" target="_blank" rel="nofollow"></a> <a href="http://www.twitter.com/seostudru" title="Twitter" class="tw" title="Twitter" target="_blank" rel="nofollow"></a> <a href="http://www.facebook.com/" title="Facebook" class="fb" title="Facebook" target="_blank" rel="nofollow"></a> <a href="http://vkontakte.ru/" title="ВКонтакте" class="vk" title="ВКонтакте" target="_blank" rel="nofollow"></a> </div> <form class="subscribeform" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=seostud', 'popupwindow', 'scrollbars=yes,width=570,height=540');return true"> <input class="subscribe-field" type="text" value="Укажите свой email" name="email"> <input type="hidden" value="wpnewru" name="uri"> <input type="hidden" name="loc" value="ru_RU"> <button type="submit">Подписаться</button> </form> </div>
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Вывод меняющихся картинок в сайдбаре
Web программирование 4 15.08.2012 00:00
Сканер вирусов, Обновление браузеров. Подписки МТС Билайн
Партнерские программы 9 12.07.2012 17:12
Не отображается картинка в сайдбаре
WordPress 9 30.01.2012 22:42
Небольшая проблема в сайдбаре
Web программирование 3 09.10.2011 10:13
Небольшая проблема в сайдбаре
Блоги 0 08.10.2011 16:35

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры