Как сделать красивую форму подписки Feedburner под каждой статьей?

Должно получиться примерно вот так:

   action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=nazyrov/yioQ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">  
Введите ваш e-mail:
  
      

Шаг 5. Изменяем значение width:140px на width:200px (это ширина поля ввода почты и кнопка) и приписываем свой стиль кнопке перед надписью value=”Подписаться” как на примере:

  
  
Введите ваш e-mail:
  
"width:200px" name="email"/>
  class="feedburner-submit" value="Подписаться" />  
  

Шаг 6. Кусок кода  возьмите в теги абзаца 

…

  
  
Введите ваш e-mail:
  
  
  
  

Шаг 7. Загрузите в корневую директорию блога фоновое изображение, которое будет в нашей форме, желательно с размером 580 X 140 (можно и другой размер, но тогда придется редактировать немного стили CSS),и изображение кнопки размером 200 X 30. Я загрузил вот это изображение (можете закачать себе его же):

Шаг 8. Отредактированный код формы подписки вставьте под статьей, если пользуетесь движком WordPress, то это в файле single.php

Шаг 9. Вставьте в файл style.css код стилей формы подписки:

*---------- Форма подписки под каждой статьей ----------*/  .podpiska {   position: relative; /* положение формы */   width: 560px; /* ширина формы */   height: 140px; /* высота формы */   margin-bottom: 10px; /* отступ от нижнего края */   background: url(ссылка на изображение) no-repeat top center; /* ссылка на фоновое изображение */   overflow: hidden; /* скрыть все что выходит за область формы */   border: 3px dashed #ccc; /* размер, цвет и стиль рамки */  }     .feedburner-form {   width: 560px; /* ширина полей формы */   height: 190px; /* высота полей формы */   margin-top: 34px; /* отступ сверху */   text-align: center; /* положение текста */   }     .feedburner-submit {   width: 200px; /* ширина кнопки */   height: 30px; /* высота кнопки */   margin-bottom: 10px; /* отступ снизу */   background: url(ссылка на изображение кнопки) no-repeat; /* ссылка на изображение */   border: 1px solid #ffffff; /* размер, цвет и стиль рамки для кнопки */   box-shadow: 1px 1px 5px #aaaaac; /* тень */   font: bold 14px Arial, sans-serif; /* стиль надписи на кнопке */   color: #ffffff; /* цвет надписи */   cursor: pointer; /* стиль курсора при наведении */  }     .feedburner-form p {   margin-top: 2px; /* отступ сверху */   text-align: center; /* положение текста */   font: bold 13px Arial, sans-serif; /* стиль текста */   color: #333399; /* цвет текста */  }

Не забудьте вставить в код стилей ссылки на свое фоновое изображение и изображение кнопки.

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