Форма підписки під кожною статтею

Привіт, дорогі читачі! Мені вже кілька разів ставили питання як зробити форму підписки під кожною статтею. І ось я вирішив написати про це пост. Я вже писав, як зробити красиву форму підписки. сьогодні буде продовження цієї теми. До речі завдяки цьому посту, знайшов в минулій статті деякі помилки, днями виправлю.

Форма підписки під кожною статтею

В першу чергу потрібно скопіювати код форми підписки Feedburner. У стандартному варіанті він виглядає приблизно так:

Далі виконуйте всі дії по кроках:

Крок 1. Видаляємо посилання на сервіс Feedburner. Потрібно повністю видалити ось цей шматок коду в самому кінці:

Крок 3. Всю форму підписки беремо в блок div і приписуємо CSS клас podpiska. На прикладі кольором виділено вставлений блок і приписаний клас:

Крок 4. Видаляємо стандартний вбудований стиль на початку статті

і замість нього приписуємо свій

Має вийти приблизно ось так:

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

Можливо вас зацікавить: Виправляємо помилку розмітки Open Graph - префікс article невідомий валідатора!

Крок 8. Відредагований код форми підписки вставте під статтею, якщо користуєтеся движком WordPress, то це в файлі single.php

Крок 9. Вставте в файл style.css код стилів форми підписки:

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

Схожі статті