13.2.09

Blogger: Расширяемые сообщения (Убираем под кат) -1

56 comments

Кстати, я такие рисунки рисовать не умею. В школе я, вообще, не умела провести прямую линию без линейки. А вот учащиеся школы номер №11 г.Жуковский умеют!
Вышел Месяц из тумана
Вынул ножик из кармана
Буду резать....


Всем доброго времени суток! На этот раз я решила немного отвлечься от увлекательной темы про ярлыки и теги (Кто эту тему пропустил может начать читать от сюда: Blogger: Работа с метками и ярлыками!). Вы только не подумайте тема не исчерпала себя отнюдь и мы к ней в ближайшее время еще вернемся. Но сегодня мы, мы по многочисленным просьбам читателей, будем разговаривать о кате на платформе Blogger.

Прежде всего что такое кат. Кат это способ оформления статьи, когда часть статьи не первоначально не показывается, а вместо этой части в статье размещена ссылка Читать далее... Продолжить.. или Read more... (по-английски).

На мой взгляд основных способов вынесения части статьи под кат два:

1) В первом способе мы видим всю статью целиком только на странице самого поста. На всех же остальных страницах (главная страница, страница рубрики, поиска или архива) мы видим только краткое описание статьи со ссылкой на "страницу статьи".

2) Во втором способе ссылка "Далее" показывает нам спрятанную ранее часть поста, не уводя читателя со страницы, на которой он уже находится, т.е. она является псевдоссылкой.

Я расскажу вам о реализации обоих способов на платформе Blogger, а каким из них вы будете пользоваться, если будете пользоваться вообще, вы решите сами.

А вот дальше читать НЕ НАДО!
Потому что уже написаны статьи:

1) Blogger: Улучшенные расширяемые сообщения (Убираем под кат)!
2) Blogger: Расширяемые Посты на JavaScript!
3) Blogger: 'Читать далее' для самых ленивых или газетный стиль вашего шаблона.
4) 'Читать далее' теперь встроено в редактор Blogger'а!

И это еще не все о расширяемых сообщениях!

Следите за обновлениями...

Итак, сегодня я рассказываю о первом способе. И на примере этой же статьи его демонстрирую.

Алгоритм взят из официального справочника по использованию платформы Blogger:

1) Прежде всего убедитесь, что у вас "Включены страницы сообщений"
Панель инструментов -- Настройки -- Архивирование
Включить страницы сообщений? - Да


Этот параметр сообщает Blogger'у о нашем желании иметь отдельный адрес для каждой статьи блога. (По умолчанию этот параметр Да).

2)
Теперь нам надо будет внести изменения в Html-код шаблона нашего блога:

2а)
Панель инструментов -- Дизайн -- Изменить Html
Ставим галочку на Расширить шаблоны виджета.

Находим строчку: </head>

и ПЕРЕД НЕЙ вставляем следующий кусок кода:

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


2б) Теперь находим в нашем Html-коде строчку

<data:post.body> здесь могут быть небольшие разночтения,
но хотя бы
data:post.body - вы должны найти -- и обязательно найдете, я вам обещаю!

и ПОСЛЕ НЕЁ вставляем код:

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


Естественно слова Читать далее вы можете заменить на что угодно, например Продолжаем разговор ;)? и кстати это и будет продолжением разговора, потому что ваш читатель по ссылке перейдет на страницу поста, где он увидит: весь текст вашей статьи, уже оставленные комментарии и сможет сам оставить комментарий.

3) Теперь осталась только работа с самой статьей. При написании статьи нам придется отметить кусок/куски, который/которые будут спрятаны от глаз читателя на всех страницах, где предполагается более одного поста.

a) Продвинутые пользователи после написания поста и перед его публикацией переходят в режим Изменить Html и окружают текст, который будет спрятан Html тегами <span class="fullpost"> и </span>

б) Для внимательных блоггеров есть еще один способ. Слышали ли вы о возможности изменить Шаблон сообщения?

Итак, идем Панель инструментов -- Настройки -- Форматирование и внизу странички видим:

Шаблон сообщения В окошко напротив этого параметра вставляем следующий код:

Это краткое описание поста для главной страницы <span class="fullpost">А это то что мы спрячем</span>

Теперь на месте слов Это краткое описание поста для главной страницы что-то печатаем, а на месте слов А это то что мы спрячем печатаем продолжение статьи. Способ хорош для текстовых блогов, прятать картинку по этому способу будет затруднительно...

Всем удачи и счастья!

А я пошла проверять как этот способ будет работать в этом блоге (тем более я хочу его продемонстрировать только на этом посте). Чтобы увидеть способ в работе кликните на Ярлык "Расширяемые сообщения" или "Под кат". На странице с этой рубрикой сообщение будет расширяемым... ;)

Света


Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем!
Читать дальше...

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

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

    ОтветитьУдалить
  2. В мемориз однозначно!
    Не перестаю удивляться вашему терпению и трудолюбию.

    ОтветитьУдалить
  3. Всё это уже описано и выложено в сети.
    Почему не даете ни одной внешней ссылки на первоисточники? Вы ведь не сами это придумали?

    ОтветитьУдалить
  4. А вот по поводу составления "Шаблона сообщения" есть у вас в планах показать несколько вариантов составления. Вот, напр(остальная часть слова спрятана под кат),в "Друзьях БЯ( под кат спрятано: бабы яги)" хотелось бы сделать шаблон для всех участников: название поста выходит из ссылки, а вот текст в размере 2-3 начальных строчек и 1 фото - это хотелось бы внести в шаблон. Возможны ли такие чудеса? И будет ли это получаться автоматически?

    ОтветитьУдалить
  5. Света!
    Ты просто наш ГУРУ и добрый гений даже для таких ч а й н и к о в, как я.

    ОтветитьУдалить
  6. Пробуйте, Лариса!

    Будут вопросы - спрашивайте!

    Удачи во всем,
    Света

    ОтветитьУдалить
  7. Спасибо, Александр!

    А после написания статьи еще заставить все это работать - в отдельно взятой статье -- это было то еще развлечение [еще на один час ;)]

    Удачи во всем,
    Света

    ОтветитьУдалить
  8. Доброго времени суток, DiVolk!

    Да, в интернете много что выложено, но читатели попросили меня рассказать как сделать чтобы на главной странице публиковались только анонсы статей, а остальное было бы спрятано под катом. Я пообещала - я сделала и вроде бы неплохо! (Увидим когда люди появятся расширяемые статьи в блогах...)

    Почему не даете ни одной внешней ссылки на первоисточники? - Как же не даю?!! А куда по вашему ведет ссылка из фразы: Алгоритм взят из официального справочника по использованию платформы Blogger.

    Удачи вам,
    читайте внимательнее когда.

    Света
    PS А что до Вы ведь не сами это придумали? - Да, кое-что и придумала - честно-честно... Кайл с этими расширяющимися статьями достаточно долго воевал в свое время ;)

    ОтветитьУдалить
  9. Здравствуйте, Бабочка Яночка!

    Шаблоны сообщений надо будет пообсуждать... Боюсь, что много автоматики там не получится, но можно попробовать!

    Спасибо за комментарий,

    Света

    ОтветитьУдалить
  10. Челиточка, спасибо за комментарий!

    Так всегда рада тебя здесь видеть!

    Будут вопросы спрашивай,
    Света

    ОтветитьУдалить
  11. спасибо, буду пробовать, с первого раза не получилось

    ОтветитьУдалить
  12. Здравствуй, Бухтелочка!

    Вот твоего комментария я и ждала!

    А что не получилось?...

    На самом деле алгоритм можно внедрять по частям:

    (Шаг 1 - я упомянула для порядка, думаю у 99% блоггеров этот параметр установле по умолчанию.)

    Сначала выполнить шаг 2б) и у нас в конце каждого поста (на главной странице и на станицах рубрик) появится ссылка "читать далее". Появилась - все хорошо, не появилась - решаем проблему.

    За тем выполняем шаг 2а) - вставляем описание ПЕРЕД </head> - если Blogger не ругается, то и хорошо.

    На шаге 3 выделить текст в посте, который мы хотим спрятать лучше всего используя пункт а) или б). Пункт в с исправлением Шаблона сообщения я лично недолюбливаю...

    Ждем результатов!
    Света

    ОтветитьУдалить
  13. Усекать посты - это конечно удобно и способ этот всем хорошо, кроме одного (и это отмечено в примечаниях на руководстве от Гугла): ссылка "Дальше" появляется вне зависимости от того усечён пост или нет. Т.е. если пост короткий и вы ничего не сокращали, то всё равно в конце поста будет ссылка.
    Надо как то это дорабатывать.

    ОтветитьУдалить
  14. Абсолютно с вами согласна, ASD!

    Выходов несколько:
    1) Если постов в блоге немного поправить посты (включить в них область, которая будет прятаться);

    2) Использовать другие алгоритмы скрывания текста пол катом о паре из них я еще расскажу;

    3) Немного доработать существующий алгоритм, чтобы линк "Читать дальше" пояалялся только в постах старше определенной даты. Я этим в ближайшее время займусь и завтра-послезавтра внесу соответствующие исправления.

    Выбор за вами!
    Удачи!
    Света

    ОтветитьУдалить
  15. Ой, как всё сложно! Но я буду стараться, в конце концов, надеюсь стать продвинутым блоггером! Спасибо за Ваши статьи!

    ОтветитьУдалить
  16. Доброго здоровья всем, под кат это имено то что я искал, но вот одна не задача на моём блогге только первй пост прячется, а второй виден полностю( как я не выдумывал и какие пассы не выделовал все так и остаётся( подскажите пожалуйста в чем у меня проблема? Заранее спасибо.

    ОтветитьУдалить
  17. Не торопитесь убирать все под кат, Chistopahh!

    Это совсем не обязательно -- просто дело вкуса и я еще собираюсь опубликовать две статьи о разных способах убирания под кат.

    Удачи!
    Света

    ОтветитьУдалить
  18. С этим как раз все просто, Ras Iosif, в статье от 19 Январь 2009 г. у вас часть текста выделена <span class="fullpost"> .... </span> и то что находится внутри - между этими тегами как раз спрятано.

    А в статье от 6 Февраль 2009 г. я этих тегов не нашла - вот ничего и не спряталось, хотя ссылка "читать далее..." осталась - она всегда будет ;)

    Удачи!
    Света

    ОтветитьУдалить
  19. Охо-хо, вот я растяпа)Как узнал про этот кат так и давай лабораторничать) наклепал закрытых спанов два штуки, в конце и посередине, а браузер не дурак и показал на то что я где-то ошибся) Да, внимательнее надо быть - компьютер компьютером, а предугадать наши желания и возможности пока не в силах, так что спасибо мозгам за то что они есть и Вам огромное спасибо что отзываетесь и помогаете эти мозги направить по правильному пути.
    P.S. Все кто сталкивается с какой либо проблемой с блоггами, да и не только, не расстраивайтесь что сразу все не выходит, не ленитесь и пересмотрите что вы делали, большая вероятность того что все исправимо, причем самими, своими же руками.

    ОтветитьУдалить
  20. Спасибо большое!) Пригодилось =)

    ОтветитьУдалить
  21. А я вот только что статью об "Улучшенных расширенных сообщениях" закончила. (Вчера 7 часов над их доработкой сидела с 22 до 5 утра. Сегодня уже во второй половине дня закончила пост.)

    Не волнуйся, исправить будет совсем не сложно!

    Удачи!
    Света

    ОтветитьУдалить
  22. Сколько не бьюсь не могу найти эту строчку
    data:post.body

    максимум похожее
    .post-body blockquote
    Это не оно?

    ОтветитьУдалить
  23. Монета, здравствуйте!

    data:post.body найдутся если вы поставите галочку на Расширить шаблоны виджета

    Возможно вы выбрали не самую лучшую мою статью про расширенные сообщения... Попробуйте посмотреть эту статью: "Blogger: Улучшенные расширенные сообщения" и вот эту: Blogger: Расширяемые Посты на JavaScript!.

    ОтветитьУдалить
  24. Большое спасибо за ваш труд. Все заработало.
    Я упустила момент с галочкой.

    ОтветитьУдалить
  25. Замечательно, Монетка - пусть работает! Кстати, скоро еще улучшать будем! ;)))

    Света

    ОтветитьУдалить
  26. Света, а в моем втором блоге http://9031352820.blogspot.com/вообще нет слова /head, перед которым нужно кусок кода вставлять. Потому я не знаю, как сделать, чтобы и в нем тьоже появились слова "Читать дальше". А то сообщения большие, и очень неудобно, если их не спрятать.

    Любовь

    ОтветитьУдалить
  27. Любочка, есть у вас </head>!

    Я сама видела!
    ;)))

    Света

    ОтветитьУдалить
  28. Таки-да, есть! Я, оказывается, забыла поставить галочку "расширить шаблон"

    Спасибо. Все получилось!

    ОтветитьУдалить
  29. Любовь, это у вас сила самовнушения ;)!

    </head> виден даже без галочки "расширить шаблоны виджета". Но это не важно - Главное, что получилось!

    Удачи во всем!
    Света

    ОтветитьУдалить
  30. Светлана, поступила по-вашему - изменила HTML шаблона (в макете). В самом тексте тоже проставила тэги. Но никакого "Read more" нету... Он просто не отображается. А текст, как нарочно, у меня получился длинный. Подскажите пожалуйста.

    ОтветитьУдалить
  31. Здравствуйте, Anais!

    В статье теги я нашла... А вот в макете увы нет.

    Вы там посмотрите повнимательнее кусок кода перед </head> я не нашла, да и "Read more..." тоже в шаблоне не нашлось.

    Кстати, а почему вы решили использовать именно этот кат? Я вот больше люблю кат на javascript'е или уж улучшенный кат.

    Недостатком же ката, описанного в этой статье является то, что "Читать далее..." появится у вас после каждой статьи не зависимо от того есть там спрятанная область или нет.

    Удачи и пишите о результатах!
    Света

    ОтветитьУдалить
  32. Светлана, Вы не нашли этих тегов в макете т.к. я была вынуждена их удалить из-за того, что "read more" отобразилось в конце текста. А, точнее, ПОД ним... =))) Попробую еще раз воспользоваться Вашим советом. (В тексте я, действительно оставила).

    ОтветитьУдалить
  33. Спасибо огромное! Все получилось! =)

    ОтветитьУдалить
  34. Вам спасибо, Anais!

    Удачи во всем!
    Света

    ОтветитьУдалить
  35. Спасибо, Wadim!

    Вы первый кто заметил!!! Статья оказалась популярной и удалять её было жалко, но как еще было сказать людям, что уже есть посты с гораздо лучшими алгоритмами ката чем этот ;).

    Удачи во всем!
    Света

    ОтветитьУдалить
  36. Света, большое СПАСИБО за совет! Попробовал,все работает.

    ОтветитьУдалить
  37. И еще, вопросик, Вы незнаете, как изменить robot.txt на Blogspot? а то он у меня закрыт от яндекса.

    ОтветитьУдалить
  38. Хорошо, что работает, A.Velde!

    А изменять robot.txt на Blogspot'е нам не дано.

    Да в общем, если убедить Яндекс начать индексировать ваш блог, потом проблем не будет... а убеждать у меня получалось только путем письма в support Яндекса.

    Удачи вам!
    Света

    ОтветитьУдалить
  39. Вам спасибо, Cray!

    Приходите еще!
    Света

    ОтветитьУдалить
  40. здравствуйте,у меня дело идёт к посту где будет куча фоток и мне нужно их спрятать под кат.я нашёл несколько ваших статей на эту тему но какая мне нужна не ясно.какую статью вашу мне читать чтобы спрятать кучу фоток под кат?

    ОтветитьУдалить
  41. Здравствуйте, Russian Criminal Tattoo!

    Я больше всего люблю вот этот способ: http://blogger4you.blogspot.com/2009/03/blogger-expended-posts-javascript.html

    Тем более когда речь идет об одном посте, а не изменении всего макета.

    Удачи!
    Света

    ОтветитьУдалить
  42. Спасибо вам, Света, за такую полезную статью! Но у меня есть одна проблема, не могу понять как с ней справиться, каждый раз когда публикую сообщение, в конце стоит слово "more", то есть "читать всю статью", ссылка на страницу сообщения. И если я что-то убираю под кат, там таких "more" стоит два подряд, не пойму как этот первый убрать, он мне совсем не нужен, ведь чтобы прочитать пост целиком можно нажать на его заголовок или на "читать далее" от ката.. Помогите пожалуйста!

    ОтветитьУдалить
  43. Огромное спасибо за ваш блог! Он очень полезный. Я второй день на этом сайте, и разобралась в настройках благодаря вам! Спасибо!

    ОтветитьУдалить
  44. Света, огромное спасибо!!! Ужасно рада, что нашла ваш блог! Спасибо!!!

    ОтветитьУдалить
  45. Светлана,я попробовала применить эту систему(спрятать текст),не получилось,не скрывается он.Что-то не доработано.

    ОтветитьУдалить
  46. Спасибо за статью! У меня все отлично получилось.

    ОтветитьУдалить
  47. Света, я блоггер-чайник,у меня вся левая колонка оказалась внизу. Теоретически я поняла, что надо все сообщения на странице переделывать заново, но вот практически... Если я новые посты буду правильно писать- копировать в режиме "Изменить HTML" и потом форматировать, поднимется ли левая колонка?

    ОтветитьУдалить
  48. Evdokia, здравствуйте!

    Вы наверное имеете в виду мои советы здесь: http://blogger4you.blogspot.com/2009/09/bloggers-read-more-did-your-sidebar.html

    "Если я новые посты буду правильно писать- копировать в режиме "Изменить HTML" и потом форматировать, поднимется ли левая колонка?" - должно подняться, как только неправильно отформатированные сообщения покинут главную страницу и на главной странице останутся только "правильные" сообщения, то и колонка на глпавной странице вернется обратно.

    Подождем.

    Удачи во всем!
    Света

    ОтветитьУдалить
  49. Спасибо за статью! Очень помогает начинающему блогеру!

    ОтветитьУдалить
  50. Здравствуйте Светлана!
    В написанную статью вставила все теги ,указанные вами выше,но при просмотре получаю ответ Ваш код HTML не может быть принят: Тег не закрыт: SPAN
    Все перепробовала уже. Надеюсь на вашу помощь.

    ОтветитьУдалить
  51. Здравствуйте, Светлана, давно уже читала Ваш блог, а сегодня стала ПЧ, потому что у Вас можно многому научиться. И сразу вопрос. По поиску не могла найти ответа, может не так вопрос ставлю: допустим,я переношу из другого блога какое-либо задание конкурсное, на боковую панельку, должна ли она для меня быть кликабельной, или только для посетителей моего блога. Если должна , то что я делаю не так. Я копирую код картинки и вставляю у себя, но они у меня почему-то не кликабельны.Помогите , пожалуйста, разобраться.

    ОтветитьУдалить
  52. Здраствуйте. А вот у меня такой вопрос, не совсем по теме, но всё же. Я загружаю на блог огромное количество картинок, как мне оставить на странице только одну (главную) фотографию и не большую статью? В блоге же всё равно кликая на одну фотографию, они начинают показываться в режиме галереи. Просто так не удобно все остальные фотографии выставлять в рамки и регулировать их по размерам. Много времени занимает. Поможете мне?))

    ОтветитьУдалить

Популярные сообщения