[timonzor]

Привет всем! На многих сайтах в сайдбаре видел форму подписки на обновление например: _http://wpnew.ru/ Но не представляю как сделать такую же на своем сайт. Помогите пожалуйста!

[Сергей Гопляк]

Регистрируемься на _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>

думаю со стилями разберетесь сами

[timonzor]

Я имею ввиду такой же виджет, как сделать?

[mojwp]

открой wpnew в режиме кода CTRL+U
скопируй что нужно
затем при помощи firebug узнай настройки стилей css и скопируй нужное себе

[Tramp5]

Чтобы сделать точно такой же виджет необходимо хоть немного знать 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>

При условии что вы это хотите выводить в сайдбаре

[timonzor]

Все сделал! Всем спасибо!
Если кому нужно:
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>