9 февраля 2007 г.

Blogger beta и пара советов.

Обновился-таки до blogger beta, который уже и не бэта. Для тех, кто "еще кипятит", но к кому "уже идут", пара полезных замечаний:
1) вот здесь очень хорошо описано, как сделать т.н. 'Label Cloud';
2) Если захотите использовать "свертывание" статьи в ссылку "подробнее..." в новом шаблоне, все делается очень просто:
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>

вставляем между <style> и </style>, если оных нет - прописываем в пределах <head>.
После находим в "развернутом" шаблоне <data:post.body/>, сразу после него ставим
<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more!</a>
</b:if>

По желанию меняем Read more! на нужный текст и добавляем переносы строк перед ним. :)

Свертываемую часть сообщения надо заключить в тэг <span class=fullpost></span>.

P.S. Господа читатели, будьте внимательны, когда втыкаете этот хак на свои блоги. Не знаю ни одного случая, когда бы он не работал, то есть, если у вас какие-то проблемы, попробуйте перепроверить код. Я не html-корректор, чтобы делать это за вас. Более того, я в веб-вёрстке не смыслю ровным счётом ничего. Мои знания ограничиваются необходимыми для разметки записей в блоги и таблицами, и даже их я знаю далеко не в совершенстве. Если по каким-то причинам у вас в блоге это не работает, я не смогу разработать новый хак для какого-то экзотического шаблона блоггера. Впрочем, я сомневаюсь, что после перепроверки и исправления у вас останутся какие-то проблемы.

P.P.S. Да, этот способ не идеален и отображает ссылку на «подробнее» подо всеми записями блога, даже под теми, в которых скрытие не используется. Адекватное решение мне также неизвестно. Спасибо за внимание и за понимание. Удачи в личной и в блоггерской жизни! :)

41 комментарий:

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

Большое спасибо, Андрей! Про теги я уже слышал - я завёл ещё один блог для того, чтобы там всё отточить, а потом уже вставлять в основной блог.

В основном уже всё перетащил. Осталось сделать облако тэгов (это просто), но главное - мне нужно переволочь туда хак с fullpost. Это важно, так как у меня предыдущие посты скрывались именно так. Костыль, но я к нему привык :-)

За ссылки огромное спасибо!

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

Облако тэгов сделал - Андрей, можешь написать подробную инструкцию, куда вставлять код для fullpost - не очень понятно из их хелпа. Буду очень признателен.

vonderer@darkstar комментирует...

Все просто:
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>

вставляем между <style> и </style>, если оных нет - прописываем в пределах <head>.
После находим в "развернутом" шаблоне <data:post.body/>, сразу после него ставим
<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more!</a>
</b:if>

По желанию меняем Read more! на нужный текст и добавляем переносы строк перед ним. :)

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

Нет, Андрей, всё не так просто в моём случае :-)
Я вчера полдня игрался с этим - результат нулевой: не скрываются посты. И в пределах head совал этот текст - ничего. Вот смотри: http://virens-deb.blogspot.com/

Видишь вверху span.fullpost {display:none;}? Вот оно так и остаётся... Всё остальное, что самое обидное, пишет прекрасно.

vonderer@darkstar комментирует...

Поковырял шаблон. Нашел косяк. Еще раз. В пределах head текст стоит, его ведь надо еще и в style упаковать. ;) У меня это описано. Сейчас у себя убрал эти тэги (закомментировал) и у меня также, как и у тебя вылезла эта строчка. ;)

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

Ааааа! Иес маза фака! :-)))
Вскрыл исходники твоей страницы, увидел style, законопатил туда - всё заработало!

Простая вещь, а поди ж ты! Два дня лбом об стену бился. Андрей, огромное тебе спасибо за терпение!

vonderer@darkstar комментирует...

Всегда пожалуйста. :) Мы же ведь хорошее дело все делаем, отчего же не помочь? ;)

Ты что-то про смену дизайна говорил, оставишь старое оформление? ;)

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

2 vonderer@darkstar
Всегда пожалуйста. :) Мы же ведь хорошее дело все делаем, отчего же не помочь? ;)
Это точно. Мощь сообщества в действии - убеждаюсь ещё раз. И ещё раз спасибо!

Ты что-то про смену дизайна говорил, оставишь старое оформление?
Да. Более того, постараюсь максимально точно его отдублировать. Нравится мне этот шаблон. Не знаю, отчего. Наверное, я к нему прикипел. Кстати, уже всё готово - теперь не Template, а Layout. Подробности тут: http://mydebianblog.blogspot.com/2007/02/blog-post_11.html

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

Полезно весьма, пригодилось. А как в облаке тагов сделать, чтобы таги шли в алфавитном порядке?

vonderer@darkstar комментирует...

ulmen, честно говоря, не знаю. Можешь поинтересоваться у virens, у него в алфавитном порядке. :)

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

vonderer@darkstar, у тебя тоже в алфавитном порядке, да и virens к тебе направил по этому вопросу :)

vonderer@darkstar комментирует...

Да, после твоего коммента я попробовал.) Все до безобразия просто - идешь в графическую настройку виджетов и просто тыкаешь в виджет tags 'Edit', там выбираешь сортировку по алфавиту и сохраняешь. :)

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

во, спсибо большое, самбы никогда не додумалсяб :)

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

удачный пост, есть что почерпнуть для себя. Делал согласно указаниям...но свертывание почему то работает некорректно. Линк "Read More..." появляется, по нему переход корректен. Но! Само сообщение не свертывается, а на странице выдается полностью Что за дела? может подскажете? ;) (http://de1ayer.blogspot.com - проблема туту)

vonderer@darkstar комментирует...

Свертываемую часть сообщения надо заключить в тэги <span class=fullpost></span>.

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

it works, thx!
только.. а нельзя сей процесс автоматизировать, что бы к примеру первые стопятьсот символово поста отображались, а на остальные етот тег накладывался.

vonderer@darkstar комментирует...

К сожалению, сие мне неведомо. :) Мне, напротив, больше нравится возможность выбрать, откуда и до куда будет свертываться статья. ;)

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

хех.. соглашусь, есть в этом что-то ;)
Лан, еще раз спа. Бу знать сей адрес местного blogger.com-гуру ;) Забегу еще с вопросами.

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

Полезные вещи пишете :) На досуге попробую :)

Денис Фалин комментирует...

Спасибо за информацию. У меня проблема со свертыванием текста, сделал все как вы написали, свертываемый текст поместил между тегами span class=fullpost и span, но все равно текст в посте пишется полностью. Ссылка Read more под текстом есть и работает корректно. Буду признателен за помощь. (http://denfalin.blogspot.com)

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

Моё почтение! Такая же ерунда, как у Фалина. Ссылка "Read more!" работает корректно, то, что хочу свернуть - заключил в (span class=fullpost)(/span) (скобки угольчатые). Не помогает. Сообщение отображается полностью.
Где-то ещё закавыка... :(

vonderer@darkstar комментирует...

Будьте внимательнее с HTML.
Abel
Поправьте тэг style (освободите из-под него тэги meta и link). В этом конкретном тэге должна находится одна конкретная строчка (которая у вас аккурат последняя перед закрытием тэга). Это навскидку. Могут быть и другие ошибки. Я не хтмл-корректор, товарищи, учимся быть внимательнее. ;)

Раиска комментирует...
Этот комментарий был удален автором.
va1e комментирует...

Благодарю автора.
Да только вот пока до < span> дело не дошло на блоге Tuxedo Live, то не известно сколько ковырялся бы.
Почему бы не поместить комментарий "Свертываемую часть сообщения надо заключить в тэги < span class=fullpost>< /span>." непосредственно в пост?

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

это все хорошо, а как сделать так чтобы ссылка "читать далее" была только у тех постов которые свернуты спанами???

vonderer@darkstar комментирует...

Решение есть, но от него пришлось отказаться, так как на первой странице блога все работает нормально, а при переходе "назад/вперед" ссылки "читать дальше" просто пропадают.

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

Большое спасибо, дружище! Вы буквально спасли меня от разрыва мозга, ибо блоггеру-гуманитарию без подсказки - никак :-)

jap комментирует...
Этот комментарий был удален автором.
jap комментирует...

Сасибо очень помогло!

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

Спасибо, всё работает!

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

Спасибо за информацию! Буду пробовать.

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

А как зделать чтобы кликая в "Read More" открывались то или иное сообщение (а также скрывать его еще одним кликом).

спасибо!

vonderer@darkstar комментирует...

К сожалению, не понял, к чему относится вопрос. Речь идёт о "разворачивании" и "сворачивании" текста "под катом" без загрузки отдельной страницы, как это работает, например, в diary.ru? Если да, то, к сожалению, не представляю себе, как это возможно, да и не задумывался никогда.

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

огромное спасибо! есть же люди хорошие еще на белом свете) мучался без этого, очень сильно мучался)))

Андрей «вон» Т. комментирует...

phoen
Пожалуйста, всегда рад помочь. :)

Korolev-nn комментирует...

Пробовал у себя в блоге - не получается, к сожелению

Андрей «вон» Т. комментирует...

Korolev-nn
Что именно не получается? Всё, что описано в этой записи работает 100%, с тех пор, как написал её, поменял дизайн, все фичи остались и функционируют.

Korolev-nn комментирует...

Дело в том, что ссылка read more появляется после каждого поста в независимости от того добовляется ссылка подробнее

Felix комментирует...
Этот комментарий был удален автором.
Андрей «вон» Т. комментирует...

Felix
И вам не хворать. Внимательнее почитайте комментарии. На всякий случай допишу в сам пост. Я не html-корректор, я не могу проверять код каждого из тех, у кого этот способ «почему-то» не срабатывает. У всех, кто обращался ко мне с подобными вопросами, были допущены ошибки в коде. После того, как они же перепроверяли всё, они самостоятельно решали свою проблему. Ни разу ещё не встречал тех, у кого бы этот способ не работал из-за движка блоггера.

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

Таки да)..прочитал комментарии и нашел проблему. Заключил всё в "стайл" и работает.
Спасибо за вниимание.

Отправить комментарий