четверг, 24 сентября 2009 г.

Под катом в Blogger

Для начала: данный пост — своего рода продукт чтения вот этой статьи
в справочной системе Blogger и последующих действий.

Сначала надо включить страницы сообщений. Для этого нужно перейти на страницу Параметры ⇒ Архивирование и включить страницы сообщений (у меня по умолчанию они уже были включены.У меня по умолчанию все это уже было включено.

Для того, чтобы это работало, нам понадобятся:

  • условные CSS
  • ссылка «Дальше...» для каждого сообщения и
  • изменения, которые должны быть внесены в соответствующие сообщения.

Сначала замечу, что дальнейшие действия зависят от того, что вы изспользуете — классический шаблон или макет.

Немного терминологии:

Классический шаблон темы Blogger
Старый вариант разметки шаблона, кое-кто ещё пользуется, но постепенно уходит в небытие.
Современный шаблон темы Blogger (макет)
Новый вариант разметки шаблона, основанный на XML последней версии. Позволяет значительно больше как в плане дизайна, так и в плане программирования.

Переходим на страницу настроек: Настроить ⇒ Макет ⇒ Изменить HTML.

В появившемся окне редактирования непосредственно после тега <head> (или непосредственно перед тегом </head>, неважно, главное, чтобы между тегами <head></head>, но если вы не уверены, лучше или сразу после, или сразу перед, чтобы не нарушить ничего ;), вставляем следующий кусок кода:

<style>
  <b:if cond='data:blog.pageType == "item"'>
    span.fullpost {display:inline;}
  <b:else/>
    span.fullpost {display:none;}
  </b:if>
</style>

Если вы используете классический шаблон, то вставлять нужно такой кусочек кода:

<style>
  <b:if cond='data:blog.pageType == "item"'>
    span.fullpost {display:inline;}  
  <b:else/>
    span.fullpost {display:none;}
  </b:if>
</style>

Следующий шаг. В том же окне редактирования шаблона находим строчку <data:post.body/> (или <$BlogItemBody$> для классического шаблона) и вставляем:

<b:if cond='data:blog.pageType != "item"'><br />
     <a expr:href='data:post.url'>Дальше!</a>
</b:if>

Если вы используете классический шаблон:

<MainOrArchivePage><br />
     <a href="<$BlogItemPermalinkURL$>">Дальше!</a>
</MainOrArchivePage>

Естественно, слово «Дальше!» можно заменить на что-нибудь по вкусу :)

Написание сообщений

Для того, чтобы спрятать что-нибудь под кат, непосредственно при написании сообщения заключите ту часть его, которая будет под катом, между тегами <span class="fullpost"></span>, например, вот так:

Это начало сообщения. <span class="fullpost">А это — все остальное.</span>

Подсказка. Чтобы не возиться с этим каждый раз можно просто добавить этот кусок кода в шаблон сообщения. Делается это так: Настойки ⇒ Форматироваине. В поле «Шаблон сообщения» вставляем <span class="fullpost"></span>. После этого при создании нового сообщения там уже будет эта конструкция.

Ну вот в принципе и все :) Удачи в настройках!

6 комментариев:

Alex комментирует...

Все конечно прикольно. Но как сделать, чтобы надпись не появлялась в каждом сообщении?
А только в тех которые сам выберешь?

Rino комментирует...

Я думаю так — мы объявили ссылку в шаблоне, и поэтому она появляется независимо оттого, усечен пост или нет.
Выход — объявить вне шаблона, вот только как?.. Надо думать :)

Alex комментирует...

Отключи в настройках capture для комментариев, чуток напрягает.

А во вторых я думаю можно подключить css и будет проще. В шаблоне пусть будет описание, а при создании сообщения добавляешь style.

Rino комментирует...

Я тоже так думаю, inline-css должно попереть, это ж не лиру, в конце концов :)

Alex комментирует...

Картинки!!!

Буду рад если успеешь сделать по свободе, пока я занят импортом...

А не успеешь то и самому интересно покопаться, в общем жду обновления статьи.

Rino комментирует...

Попробую, но не сегодня уже :) но куда думать, уже ж наметили, так что должно пойти ;)