Як налаштувати Feedburner і встановити красиву форму email-підписки
Буквально на днях налаштував на своєму WordPress блозі email-підписку через сервіс Feedburner. Чесно кажучи, робити цього я не збирався. Було лінь розбиратися, та й сенсу особливого я в тому Фідбернере не бачив.
У мене вже стояла форма підписки на email від Smartresponder. і, здавалося б, навіщо ставити щось ще?
А що робити, якщо наперед заряджати нічим, та й не навіщо? Ось тут то і воно. Доведеться тоді відправляти людям повідомлення вручну. А це, погодьтеся, не дуже зручно.
Трохи пізніше виявилося, що налаштовується Фідбернер елементарно. Буквально за п'ять хвилин і без спеціальних плагінів. Правда, це тільки у випадку з email-підпискою.
У випадку з RSS я не знаю, так як не пробував.
Ну, а щоб моя передплатна форма кидалася в очі (інакше, яка від неї користь?), Я вирішив ще трохи поколупатися в інтернеті і в підсумку знайшов спеціальний код, який перетворює стандартну форму в досить оригінальну.
Ось, як вона виглядає.
2. Код для вставки в файл теми style.css (можна вставити на початку або в кінці файлу)
За колір фону форми відповідає другий рядок коду:
Колір можна змінити на будь-який інший. Знайти код потрібного кольору можна в кольорах Яндекса.
# Mbt-sub-box background: # 1A2638;
color: # 1A2638;
border: 1px solid # 1A2638;
border-radius: 10px;
margin-bottom: 10px;
padding: 10px;
text-align: center;
background: -moz-linear-gradient (top, # 333, # 1A2638);
>
# Mbt-sub-box input background: -webkit-gradient (linear, left top, left bottom, from (# 333), to (# 1A2638));
border: medium none;
color: # 1A2638;
border-radius: 10px 10px 10px 10px;
font-size: 14px;
padding: 10px;
text-shadow: 1px 1px 0 white;
width: 280px;
color: # 666;
font-family: georgia;
margin-bottom: 5px;
>
# Mbt-sub-box .submit background: -webkit-gradient (linear, left top, left bottom, from (# 369A18), to (# 205F0D));
background: -moz-linear-gradient (center top. # 369A18, # 205F0D) repeat scroll 0 0 transparent;
color: gray;
cursor: pointer;
font-weight: bold;
margin-left: 20px;
text-shadow: 0 1px 2px black;
width: 120px;
font-family: georgia;
margin-left: 5px;
>
# Mbt-sub-box h1 margin-top: 5px;
color: white;
font-family: georgia;
font-size: 25px;
margin-bottom: 5px;
padding: 0;
text-shadow: 0 2px 3px black;
line-height: 35px;
Після успішної настройки Фідбернера я пройшовся по більш-менш крупним блогам і ще раз переконався, що не дарма витратив час: на всіх блогах є свої форми підписки.
поділіться статтею
/ * Вікно введення мила * /
# Mbt-sub-box input ... ..
Ну що тут сказати? Мабуть форма не універсальна для всіх шаблонів.
З приводу css не знаю, я використовував готовий блок.
З приводу вставки коду в single php - тут треба не в кінець вставляти, а в тому місці файлу, який відповідає за кінець поста. Де-небудь після 'Edit this entry' або до якщо є такий
Дякуємо. Форма встала на місце!
Поставив між і
Ну і до шаблону все ж як-небудь треба дістатися і довести його до пуття. Або підібрати підходящий.
Костя, все зробила, як описано, все так зрозуміло, начебто Вами описано.
Колір поміняла, як Ви вказали, поставила помаранчевий, а відображається фон білий, а заголовок червоний ... Не зрозуміло, чому ...
І як можна відрегулювати відступ на сторінці, якими засобами? У мене форма притулилася до кнопок соцмереж, некрасиво ...
Можете підказати відповіді на мої запитання? Буду дуже вдячна .
відступ можна задати тегом / br, тільки його потрібно взяти з двох сторін в ці ковичкі (на клавіатурі зазвичай це кнопки б і ю) а ось з кольором не знаю, потрібно самому експериментувати, тому що в різних браузерах буде показуватися по різному. Якщо ви в Опері, то все повинно бути нормально, якщо в інших браузерах, то можливі відхилення. До речі сайт дуже гарний =)
Популярні записи
Спеціальна пропозиція
