Простая форма подписки для блога.


Привет,  друзья. Сегодня у меня для вас очень простая форма подписки на новые статьи блога. Для любителей минимализма, без всяких лишних наворотов. В стилях CSS можно поменять практически всё и добиться совершенно уникального варианта.
С установкой в Блоггере тоже никаких проблем.
Весь код устанавливается в гаджет HTML/JavaScript.

Здесь красивая форма подписки с иконками социальных сетей. Анимированная форма подписки.

А вот о какой пойдёт сегодня речь.

форма подписки

Копируйте код, приведённый ниже, меняйте стили в первом CSS коде под ваш дизайн.

<style>#BV-submin{
border:1px;
solid #1A2638;
border-radius:10px;
padding:5px;
text-align:center;
}
#BV-submin h2{
margin-top:5px;
color: #640000;
font-family:georgia;
font-size:18px;
margin-bottom:10px;
padding:0;
text-shadow:1px 0 2px #666;
font-style: italic;
font-weight: bold;
}
#BV-submin input{
border:1px solid rgb(9, 149, 223);
border-radius:10px 10px 10px 10px;
font-size:14px;
padding:10px;
text-shadow:1px 1px 0 #FFF;
width:180px;
color:#990000;
font-family:georgia;
margin-bottom:5px;
border: 1px solid rgb(9, 149, 223);
border-radius: 6px 6px 6px 6px;
box-shadow: 2px 4px 4px rgb(192, 191, 191);
border-color: #A21009;
background-color: #fff;
}
#BV-submin .submit{background:#09f;
border: 1px solid rgb(9, 149, 223);
border-radius: border-radius:10px 10px 10px 10px;
box-shadow: 2px 4px 4px rgb(113, 112, 112);
color:#fff;
cursor:pointer;
font-family:verdana;
font-size:10px;
padding:5px;
text-shadow:1px 1px 0 rgba(0,0,0,.4);
text-transform:uppercase;
width:auto;
height:36px;
background-color: #FF6A6A;
border-color: #FF0000;
}
#BV-submin .submit:hover{background-color: #DD0000;
color: #CCCCCC;
}
#BV-submin .submit:active{
box-shadow:0 0 4px #111 inset;
background-color: #640000;</style>

<div style="width:280px; background-color: #CCCCCC;">
<div id='BV-submin'><h2>получайте новые статьи блога на email</h2>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&#39;http://feedburner.google.com/fb/a/mailverify?uri= shpargalochkiru&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=600,height=550&#39;);return true' target='popupwindow'>
<input name='email' onblur='if (this.value == "") {this.value = "Введите Ваш Email ...";}' onfocus='if (this.value == " Введите Ваш Email ...") {this.value = ""}' type='text' value=' Введите Ваш Email ...'/>
<input name="submit" type='submit' class='submit' value=' подписаться'/>
<input name='uri' type='hidden' value=' shpargalochkiru'/>
<input name='loc' type='hidden' value='en_US'/>
</form></div></div>

То, что отмечено синим цветов меняйте на свой текст, если есть желание. Красным ваш ID в сервисе Feedburner. Посмотрите, что именно нам нужно.


И у меня пока всё. Если возникнут вопросы, задавайте. Спасибо за ваш визит. Всем удачи.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email


4 комментария:

  1. Дааа, без RSS не обойтись. Все пишут о нем. Вот я тоже написал недавно у себя на блоге :) . А сколько у вас подписчиков?

    ОтветитьУдалить
    Ответы
    1. Подписка дело хорошее во всех отношениях. Сколько у меня вчера смотрела, что-то около 200.

      Удалить
  2. Я тут искал себе на сайт форму, чтобы прям минималистичная была, остановил выбор на стандартной форме из FeedBurner, чутка изменил шрифты и дизайн под себя, остался доволен)

    ОтветитьУдалить
    Ответы
    1. Да, Николай, видела у тебя форму и обратила на неё внимание. Красивая получилась.

      Удалить

Пользовательский поиск