Форма подписки. 3 способа как вставить форму подписки в статью блога.

  Автор:
  502

forma podpiski na dlogeЗдравствуйте, уважаемый читатель блога Светланы Колосовой.

Вам необходимо вставить форму подписки внутри статьи блога, но установить ее по центру не получается. Что же делать?

Одним из способов является установка плагина Post Layout. Но, если Вы не размещаете форму подписки в статьях часто, устанавливать плагин нет смысла.

Поэтому мы воспользуемся способом, который мне подсказала Ирина Смирнова. Этот способ пригодится и для установки формы подписки на сайте-одностраничнике.

Чтобы установить форму по  центру, воспользуемся таблицей в 3 столбца:

<table style=»width: 100%;»>
<tbody>
<tr>
<td style=»width: 33%;»>
<div>текст столбец 1</div>
</td>
<td style=»width: 33%;»>
<div>текст столбец 2</div>
</td>
<td style=»width: 33%;»>
<div>текст столбец 3</div>
</td>
</tr>
</tbody>
</table>

Для начала войдем в админке блога в редактор статьи во вкладку «ТЕКСТ» и вставим этот код именно в этой вкладке.

Выделенные слова «текст столбец №2» мы заменим на код, который получим на странице генератора форм подписки Smartresponder.

Далее сохраняем и переходим на визуальный редактор. В боковые столбцы — первый и третий — можно вставить  текст.

Также необходимо учесть, что в коде ширина всех столбцов одинакова. Чем шире форма подписки, тем уже крайние столбцы.

Вот так мы установили нашу форму подписки на рассылку

Хотите получить видео уроки БЕСПЛАТНО?

 




Просто заполните форму и Вы получите все уроки сразу

Можно оставить эти два поля пустыми. Тогда по центру страницы будет красоваться только форма подписки.

Для этого в визуальном редакторе удаляем слова » Текст столбец№ 1″ и «Текст столбец № 3».




Можно воспользоваться и еще одной таблицей — двухстолбцовой, в которой не 3, всего 2 столбца:

<table style=»width: 100%;»>
<tbody>
<tr>
<td style=»width: 50%;»>
<div> текст столбец 1</div>
</td>
<td style=»width: 50%;»>
<div>текст столбец 2</div>
</td>
</tr>
</tbody>
</table>

 

В этом случае в один столбец вставляем форму подписки, в другой — текст.

Хотите получать видео уроки БЕСПЛАТНО?

Просто заполните форму и Вы получите все уроки сразу.




Небольшой совет: работая с этой таблицей, сначала напишите текст, а затем вставляйте форму подписки.

Вот так мы научились вставлять красивую форму подписки в статью блога. Надеюсь Вам понравился сегодняшний урок и Вы все поняли. Скопируйте себе эти 2 кода и пользуйтесь на здоровье!

Желаю Вам удачи

pishi

Форма подписки. 3 способа как вставить форму подписки в статью блога.

   0 голосов
Средняя оценка: 0 из 5
Интересная статья? Буду благодарна, если Вы поделитесь ею с другими:
Оставьте свой комментарий:
6 комментариев
  1. Светлана, прочитала Вашу статью и сделала для себя очень важное открытие ,что этот код я смогу использовать не только для создания формы подписки , но и для других своих нужд на блоге. Я как раз искала необходимые варианты и никак не могла решить одну проблемку. Спасибо за важную информацию в нужный момент.Я надеюсь что у меня получится

  2. Полезная и нужная статья.
    Все очень ясно и понятно.

  3. Благодарю, Светлана!
    Я давно задумалась о том, как же вставить в текст форму? Ведь она бывает просто необходима по смыслу статьи. И благодарю вас за то, что так подробно по шагам расписали, как это сделать! *ROSE*

на Блоге
в Вконтакте
в Фейсбук