30 декабря 2007

Ещё про cut в blogger

Поскольку что-то там к нам мчится, решил сделать подарок всем пользователям блоггера и рассказать, как я реализовал сворачивание постов.
Зачем? Чтобы сворачивать очень длинные посты вроде моих статей из OpenSource
Почему не стандартное решение, которое предлагает google? Потому что это скучно, требует перезагрузки страницы, обрезает пост в rss, что есть позор для автора. К тому же у меня чесались руки попробовать jQuery.

Итак:

Пока что вариант работает только для расширенных шаблонов.

1. Для начала читаем тут, добавляем в шаблон внутрь тэга head такой код:
<script src='http://leonid.phoenix.googlepages.com/script4blogger.js' type='text/javascript'/>
<script src='http://jqueryjs.googlecode.com/files/jquery-1.2.1.pack.js' type='text/javascript'/>
<style>
<b:if cond='data:blog.pageType != "item"'>
.cut {display:none;}
<b:else/>
.cut {display: block;}
</b:if>
</style>
Ссылки на изображения прописаны в скрипте, подключаемом первой строчкой. Их можно изменить и выложить скрипт на те же google pages или любой другой хостинг.

2. Потом ищем строку <data:post.body/> и заменяем на
<b:if cond='data:blog.pageType != "item"'>
<div class='pxpostwrap' expr:id='data:post.id'>
<data:post.body/>
</div>
<b:else/>
<data:post.body/>
</b:if>

3. При написани поста сворачиваемый текст помещаем в такой тэг
<div class="cut" id="cut">
</div>

4. Если хотите отблагодарить - нарисуйте мне кнопку для скрытия - показа поста.
Happy blogging!

Комментариев нет: