Подписаться по Email в конце поста

Модератор: Fleelancer

<<

Tisaf

Автор темы

Сообщения: 17

Зарегистрирован: 23 сен 2013, 00:36

Благодарил (а): 1 раз.
Поблагодарили: 0 раз.

Сообщение 23 июн 2015, 12:18

Подписаться по Email в конце поста

Здравствуйте! Решил сделать так, чтобы форма подписки на сообщения блога была в конце каждого поста, но при этом не отображалась на главной странице.
На сколько я помню: код базовой формы рассылки надо вставить после <b:if cond='data:blog.pageType == &quot;item&quot;'>

Однако редактор ругается, мол блоку Widjet там не место:

  Код:
<b:widget id='FollowByEmail1' locked='false' title='Подписаться по Email' type='FollowByEmail'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  <div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
        <table width='100%'>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='Введите ваш E-mail' style='width: 240px;' type='text'/>
            </td>
            <td width='64px'>
              <input class='follow-by-email-submit' style='width: 100px;' type='submit' value='Подписаться'/>
            </td>
          </tr>
        </table>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='ru_RU'/>
      </form>
    </div>
  </div>
  <span class='item-control blog-admin'>
    <b:include name='quickedit'/>
  </span>
</b:includable>
  </b:widget>
Последний раз редактировалось Admin 23 июн 2015, 13:00, всего редактировалось 1 раз.
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 23 июн 2015, 13:03

Re: Подписаться по Email в конце поста

Скорее всего причина ругания в том, что виджет не может быть сам по себе, а должен быть вставлен в секцию. А у вас там секции нет.
Пример секции:
  Код:
<b:section class='header' id='header' maxwidgets='1' name='Header' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='Web Азбука (заголовок)' type='Header'>
         
тело виджета заголовка

        </b:widget>
      </b:section>
<<

Tisaf

Автор темы

Сообщения: 17

Зарегистрирован: 23 сен 2013, 00:36

Благодарил (а): 1 раз.
Поблагодарили: 0 раз.

Сообщение 23 июн 2015, 14:21

Re: Подписаться по Email в конце поста

К сожалению это мне не помогло - стал ругаться еще больше.
Мне удалось найти код
  Код:
<center>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=azbukabloggera/lqIO&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='azbukabloggera/lqIO'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='mbttext' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Введите Ваш E-mail...&quot;;}' onfocus='if (this.value == &quot;Введите Ваш E-mail...&quot;) {this.value = &quot;&quot;}' type='text' value='Введите Ваш E-mail...'/>
<input alt='' class='mbtbutton' title='' type='submit' value='Хочу!'/>
</form>
</center>


Однако при попытке вставить его после <b:if cond='data:blog.pageType == &quot;item&quot;'> ничего не происходит.
А если поставить после <data:post.body/> все работает, но отображается на главной странице.

Вопрос: как сделать так, чтобы было исключительно "внутри" поста?
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 23 июн 2015, 14:30

Re: Подписаться по Email в конце поста

Поставьте после <data:post.body/>, но оберните свой код в конструкцию:
  Код:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
Здесь ваш код
</b:if>


Добавлено спустя 3 минуты 37 секунд:
В некоторых шаблонах код нужно вставлять перед:
  Код:
</b:includable>
              <b:includable id='postQuickEdit' var='post'>

При вставке в другое место, код может просто исчезать. У меня такое есть в шаблонах, на основе Simple.
<<

Tisaf

Автор темы

Сообщения: 17

Зарегистрирован: 23 сен 2013, 00:36

Благодарил (а): 1 раз.
Поблагодарили: 0 раз.

Сообщение 23 июн 2015, 15:10

Re: Подписаться по Email в конце поста

Если вставить код перед
  Код:
</b:includable>
              <b:includable id='postQuickEdit' var='post'>

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

А вот вариант "оборачивания" сработал на Ура!

  Код:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open

(&apos;https://feedburner.google.com/fb/a/mailverify?uri=blogspot/EZnyY;, &apos;popupwindow&apos;,

&apos;scrollbars=yes,width=550,height=600&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='blogspot/EZnyY'/>
<input name='loc' type='hidden' value='ru_RU'/>
<input class='mbttext' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Введите Ваш E-

mail...&quot;;}' onfocus='if (this.value == &quot;Введите Ваш E-mail&quot;) {this.value = &quot;&quot;}' type='text'

value='Введите Ваш E-mail...'/>
<input alt='' class='mbtbutton' title='' type='submit' value='Подписаться'/>
</form>
</center>
</b:if>


Добавлено спустя 10 минут 21 секунду:
Правда возникает вопрос - как сделать стиль кнопки такой же как и у стандартного виджета, дабы они не отличались?
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 23 июн 2015, 15:32

Re: Подписаться по Email в конце поста

Tisaf писал(а):Правда возникает вопрос - как сделать стиль кнопки такой же как и у стандартного виджета, дабы они не отличались?

Добавьте стиль:
  Код:
.follow-by-email-submit {
    border: 0px none;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
    color: #FFF;
    height: 26px;
}
<<

Tisaf

Автор темы

Сообщения: 17

Зарегистрирован: 23 сен 2013, 00:36

Благодарил (а): 1 раз.
Поблагодарили: 0 раз.

Сообщение 23 июн 2015, 16:08

Re: Подписаться по Email в конце поста

К сожалению - не сработало. У дизайна "Simple" нет никаких особенностей как в предыдущем вопросе?
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 23 июн 2015, 16:23

Re: Подписаться по Email в конце поста

Это я ошиблась. Попробуйте вместо .follow-by-email-submit указать .mbtbutton
<<

Tisaf

Автор темы

Сообщения: 17

Зарегистрирован: 23 сен 2013, 00:36

Благодарил (а): 1 раз.
Поблагодарили: 0 раз.

Сообщение 23 июн 2015, 16:52

Re: Подписаться по Email в конце поста

Увы, не работает. Зато, благодаря вам, я понял как сделать более стильный вариант подписки.
В новом варианте текст исчезает при вводе email и не надо ничего стирать, как раньше

  Код:
<center>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open  (&apos;https://feedburner.google.com/fb/a/mailverify?uri=blogspot/EZnyY;, &apos;popupwindow&apos;,   &apos;scrollbars=yes,width=550,height=600&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='blogspot/EZnyY'/>
<input name='loc' type='hidden' value='ru_RU'/>
<input class='mbttext' name='email' placeholder='Введите ваш E-mail' style='width: 240px;' type='text'/>
<input alt='' class='mbtbutton' title='' type='submit' value='Подписаться'/>
</form>
</center>


Добавлено спустя 3 минуты 40 секунд:
Подскажите, пожалуйста, а как сделать равнение по правому/левому краю?
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 23 июн 2015, 17:10

Re: Подписаться по Email в конце поста

Tisaf писал(а):Увы, не работает.

Странно, должно работать. В правильное место вставляете? До кода:
  Код:
]]></b:skin>


Tisaf писал(а):Подскажите, пожалуйста, а как сделать равнение по правому/левому краю?

Смотря что хотите равнять. Если речь о блочном контейнере, то равняется с помощью свойства float. Пример:
  Код:
#IdConteiner {
float: left;
}

Подробнее почитайте здесь.
Если текст, то достаточно указать свойство text-align.
Последний раз редактировалось Admin 23 июн 2015, 17:11, всего редактировалось 1 раз.
След.

Вернуться в Вопросы от новичков

Кто сейчас на конференции

Зарегистрированные пользователи: Yandex [Bot]

Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo