Вынул ножик из кармана
Буду резать....
Всем доброго времени суток! На этот раз я решила немного отвлечься от увлекательной темы про ярлыки и теги (Кто эту тему пропустил может начать читать от сюда: Blogger: Работа с метками и ярлыками!). Вы только не подумайте тема не исчерпала себя отнюдь и мы к ней в ближайшее время еще вернемся. Но сегодня мы, мы по многочисленным просьбам читателей, будем разговаривать о кате на платформе Blogger.
Прежде всего что такое кат. Кат это способ оформления статьи, когда часть статьи не первоначально не показывается, а вместо этой части в статье размещена ссылка Читать далее... Продолжить.. или Read more... (по-английски).
На мой взгляд основных способов вынесения части статьи под кат два:
1) В первом способе мы видим всю статью целиком только на странице самого поста. На всех же остальных страницах (главная страница, страница рубрики, поиска или архива) мы видим только краткое описание статьи со ссылкой на "страницу статьи".
2) Во втором способе ссылка "Далее" показывает нам спрятанную ранее часть поста, не уводя читателя со страницы, на которой он уже находится, т.е. она является псевдоссылкой.
На мой взгляд основных способов вынесения части статьи под кат два:
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>
Теперь на месте слов Это краткое описание поста для главной страницы что-то печатаем, а на месте слов А это то что мы спрячем печатаем продолжение статьи. Способ хорош для текстовых блогов, прятать картинку по этому способу будет затруднительно...
Всем удачи и счастья!
А я пошла проверять как этот способ будет работать в этом блоге (тем более я хочу его продемонстрировать только на этом посте). Чтобы увидеть способ в работе кликните на Ярлык "Расширяемые сообщения" или "Под кат". На странице с этой рубрикой сообщение будет расширяемым... ;)
Света
Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем!
Света, здорово! Буду пробовать. По-моему это очень удобно, можно больше сообщений на главной поместить, а читатель сам выберет. что ему нужно.
ОтветитьУдалитьВ мемориз однозначно!
ОтветитьУдалитьНе перестаю удивляться вашему терпению и трудолюбию.
Всё это уже описано и выложено в сети.
ОтветитьУдалитьПочему не даете ни одной внешней ссылки на первоисточники? Вы ведь не сами это придумали?
А вот по поводу составления "Шаблона сообщения" есть у вас в планах показать несколько вариантов составления. Вот, напр(остальная часть слова спрятана под кат),в "Друзьях БЯ( под кат спрятано: бабы яги)" хотелось бы сделать шаблон для всех участников: название поста выходит из ссылки, а вот текст в размере 2-3 начальных строчек и 1 фото - это хотелось бы внести в шаблон. Возможны ли такие чудеса? И будет ли это получаться автоматически?
ОтветитьУдалитьОй, забыла сказать спасибо.
ОтветитьУдалитьСвета!
ОтветитьУдалитьТы просто наш ГУРУ и добрый гений даже для таких ч а й н и к о в, как я.
Пробуйте, Лариса!
ОтветитьУдалитьБудут вопросы - спрашивайте!
Удачи во всем,
Света
Спасибо, Александр!
ОтветитьУдалитьА после написания статьи еще заставить все это работать - в отдельно взятой статье -- это было то еще развлечение [еще на один час ;)]
Удачи во всем,
Света
Доброго времени суток, DiVolk!
ОтветитьУдалитьДа, в интернете много что выложено, но читатели попросили меня рассказать как сделать чтобы на главной странице публиковались только анонсы статей, а остальное было бы спрятано под катом. Я пообещала - я сделала и вроде бы неплохо! (Увидим когда люди появятся расширяемые статьи в блогах...)
Почему не даете ни одной внешней ссылки на первоисточники? - Как же не даю?!! А куда по вашему ведет ссылка из фразы: Алгоритм взят из официального справочника по использованию платформы Blogger.
Удачи вам,
читайте внимательнее когда.
Света
PS А что до Вы ведь не сами это придумали? - Да, кое-что и придумала - честно-честно... Кайл с этими расширяющимися статьями достаточно долго воевал в свое время ;)
Здравствуйте, Бабочка Яночка!
ОтветитьУдалитьШаблоны сообщений надо будет пообсуждать... Боюсь, что много автоматики там не получится, но можно попробовать!
Спасибо за комментарий,
Света
Челиточка, спасибо за комментарий!
ОтветитьУдалитьТак всегда рада тебя здесь видеть!
Будут вопросы спрашивай,
Света
спасибо, буду пробовать, с первого раза не получилось
ОтветитьУдалитьЗдравствуй, Бухтелочка!
ОтветитьУдалитьВот твоего комментария я и ждала!
А что не получилось?...
На самом деле алгоритм можно внедрять по частям:
(Шаг 1 - я упомянула для порядка, думаю у 99% блоггеров этот параметр установле по умолчанию.)
Сначала выполнить шаг 2б) и у нас в конце каждого поста (на главной странице и на станицах рубрик) появится ссылка "читать далее". Появилась - все хорошо, не появилась - решаем проблему.
За тем выполняем шаг 2а) - вставляем описание ПЕРЕД </head> - если Blogger не ругается, то и хорошо.
На шаге 3 выделить текст в посте, который мы хотим спрятать лучше всего используя пункт а) или б). Пункт в с исправлением Шаблона сообщения я лично недолюбливаю...
Ждем результатов!
Света
Усекать посты - это конечно удобно и способ этот всем хорошо, кроме одного (и это отмечено в примечаниях на руководстве от Гугла): ссылка "Дальше" появляется вне зависимости от того усечён пост или нет. Т.е. если пост короткий и вы ничего не сокращали, то всё равно в конце поста будет ссылка.
ОтветитьУдалитьНадо как то это дорабатывать.
Абсолютно с вами согласна, ASD!
ОтветитьУдалитьВыходов несколько:
1) Если постов в блоге немного поправить посты (включить в них область, которая будет прятаться);
2) Использовать другие алгоритмы скрывания текста пол катом о паре из них я еще расскажу;
3) Немного доработать существующий алгоритм, чтобы линк "Читать дальше" пояалялся только в постах старше определенной даты. Я этим в ближайшее время займусь и завтра-послезавтра внесу соответствующие исправления.
Выбор за вами!
Удачи!
Света
Ой, как всё сложно! Но я буду стараться, в конце концов, надеюсь стать продвинутым блоггером! Спасибо за Ваши статьи!
ОтветитьУдалитьДоброго здоровья всем, под кат это имено то что я искал, но вот одна не задача на моём блогге только первй пост прячется, а второй виден полностю( как я не выдумывал и какие пассы не выделовал все так и остаётся( подскажите пожалуйста в чем у меня проблема? Заранее спасибо.
ОтветитьУдалитьНе торопитесь убирать все под кат, Chistopahh!
ОтветитьУдалитьЭто совсем не обязательно -- просто дело вкуса и я еще собираюсь опубликовать две статьи о разных способах убирания под кат.
Удачи!
Света
С этим как раз все просто, Ras Iosif, в статье от 19 Январь 2009 г. у вас часть текста выделена <span class="fullpost"> .... </span> и то что находится внутри - между этими тегами как раз спрятано.
ОтветитьУдалитьА в статье от 6 Февраль 2009 г. я этих тегов не нашла - вот ничего и не спряталось, хотя ссылка "читать далее..." осталась - она всегда будет ;)
Удачи!
Света
Охо-хо, вот я растяпа)Как узнал про этот кат так и давай лабораторничать) наклепал закрытых спанов два штуки, в конце и посередине, а браузер не дурак и показал на то что я где-то ошибся) Да, внимательнее надо быть - компьютер компьютером, а предугадать наши желания и возможности пока не в силах, так что спасибо мозгам за то что они есть и Вам огромное спасибо что отзываетесь и помогаете эти мозги направить по правильному пути.
ОтветитьУдалитьP.S. Все кто сталкивается с какой либо проблемой с блоггами, да и не только, не расстраивайтесь что сразу все не выходит, не ленитесь и пересмотрите что вы делали, большая вероятность того что все исправимо, причем самими, своими же руками.
Спасибо большое!) Пригодилось =)
ОтветитьУдалитьА я вот только что статью об "Улучшенных расширенных сообщениях" закончила. (Вчера 7 часов над их доработкой сидела с 22 до 5 утра. Сегодня уже во второй половине дня закончила пост.)
ОтветитьУдалитьНе волнуйся, исправить будет совсем не сложно!
Удачи!
Света
Сколько не бьюсь не могу найти эту строчку
ОтветитьУдалитьdata:post.body
максимум похожее
.post-body blockquote
Это не оно?
Монета, здравствуйте!
ОтветитьУдалитьdata:post.body найдутся если вы поставите галочку на Расширить шаблоны виджета
Возможно вы выбрали не самую лучшую мою статью про расширенные сообщения... Попробуйте посмотреть эту статью: "Blogger: Улучшенные расширенные сообщения" и вот эту: Blogger: Расширяемые Посты на JavaScript!.
Большое спасибо за ваш труд. Все заработало.
ОтветитьУдалитьЯ упустила момент с галочкой.
Замечательно, Монетка - пусть работает! Кстати, скоро еще улучшать будем! ;)))
ОтветитьУдалитьСвета
Света, а в моем втором блоге http://9031352820.blogspot.com/вообще нет слова /head, перед которым нужно кусок кода вставлять. Потому я не знаю, как сделать, чтобы и в нем тьоже появились слова "Читать дальше". А то сообщения большие, и очень неудобно, если их не спрятать.
ОтветитьУдалитьЛюбовь
Это была я )))
ОтветитьУдалитьЛюбочка, есть у вас </head>!
ОтветитьУдалитьЯ сама видела!
;)))
Света
Таки-да, есть! Я, оказывается, забыла поставить галочку "расширить шаблон"
ОтветитьУдалитьСпасибо. Все получилось!
Любовь, это у вас сила самовнушения ;)!
ОтветитьУдалить</head> виден даже без галочки "расширить шаблоны виджета". Но это не важно - Главное, что получилось!
Удачи во всем!
Света
Светлана, поступила по-вашему - изменила HTML шаблона (в макете). В самом тексте тоже проставила тэги. Но никакого "Read more" нету... Он просто не отображается. А текст, как нарочно, у меня получился длинный. Подскажите пожалуйста.
ОтветитьУдалитьЗдравствуйте, Anais!
ОтветитьУдалитьВ статье теги я нашла... А вот в макете увы нет.
Вы там посмотрите повнимательнее кусок кода перед </head> я не нашла, да и "Read more..." тоже в шаблоне не нашлось.
Кстати, а почему вы решили использовать именно этот кат? Я вот больше люблю кат на javascript'е или уж улучшенный кат.
Недостатком же ката, описанного в этой статье является то, что "Читать далее..." появится у вас после каждой статьи не зависимо от того есть там спрятанная область или нет.
Удачи и пишите о результатах!
Света
Светлана, Вы не нашли этих тегов в макете т.к. я была вынуждена их удалить из-за того, что "read more" отобразилось в конце текста. А, точнее, ПОД ним... =))) Попробую еще раз воспользоваться Вашим советом. (В тексте я, действительно оставила).
ОтветитьУдалитьСпасибо огромное! Все получилось! =)
ОтветитьУдалитьЧитать не обязательно
ОтветитьУдалитьВам спасибо, Anais!
ОтветитьУдалитьУдачи во всем!
Света
Спасибо, Wadim!
ОтветитьУдалитьВы первый кто заметил!!! Статья оказалась популярной и удалять её было жалко, но как еще было сказать людям, что уже есть посты с гораздо лучшими алгоритмами ката чем этот ;).
Удачи во всем!
Света
Света, большое СПАСИБО за совет! Попробовал,все работает.
ОтветитьУдалитьИ еще, вопросик, Вы незнаете, как изменить robot.txt на Blogspot? а то он у меня закрыт от яндекса.
ОтветитьУдалитьХорошо, что работает, A.Velde!
ОтветитьУдалитьА изменять robot.txt на Blogspot'е нам не дано.
Да в общем, если убедить Яндекс начать индексировать ваш блог, потом проблем не будет... а убеждать у меня получалось только путем письма в support Яндекса.
Удачи вам!
Света
Спасибо, то что надо
ОтветитьУдалитьВам спасибо, Cray!
ОтветитьУдалитьПриходите еще!
Света
здравствуйте,у меня дело идёт к посту где будет куча фоток и мне нужно их спрятать под кат.я нашёл несколько ваших статей на эту тему но какая мне нужна не ясно.какую статью вашу мне читать чтобы спрятать кучу фоток под кат?
ОтветитьУдалитьЗдравствуйте, Russian Criminal Tattoo!
ОтветитьУдалитьЯ больше всего люблю вот этот способ: http://blogger4you.blogspot.com/2009/03/blogger-expended-posts-javascript.html
Тем более когда речь идет об одном посте, а не изменении всего макета.
Удачи!
Света
Спасибо вам, Света, за такую полезную статью! Но у меня есть одна проблема, не могу понять как с ней справиться, каждый раз когда публикую сообщение, в конце стоит слово "more", то есть "читать всю статью", ссылка на страницу сообщения. И если я что-то убираю под кат, там таких "more" стоит два подряд, не пойму как этот первый убрать, он мне совсем не нужен, ведь чтобы прочитать пост целиком можно нажать на его заголовок или на "читать далее" от ката.. Помогите пожалуйста!
ОтветитьУдалитьОгромное спасибо за ваш блог! Он очень полезный. Я второй день на этом сайте, и разобралась в настройках благодаря вам! Спасибо!
ОтветитьУдалитьСвета, огромное спасибо!!! Ужасно рада, что нашла ваш блог! Спасибо!!!
ОтветитьУдалитьСветлана,я попробовала применить эту систему(спрятать текст),не получилось,не скрывается он.Что-то не доработано.
ОтветитьУдалитьСпасибо за статью! У меня все отлично получилось.
ОтветитьУдалитьСвета, я блоггер-чайник,у меня вся левая колонка оказалась внизу. Теоретически я поняла, что надо все сообщения на странице переделывать заново, но вот практически... Если я новые посты буду правильно писать- копировать в режиме "Изменить HTML" и потом форматировать, поднимется ли левая колонка?
ОтветитьУдалитьEvdokia, здравствуйте!
ОтветитьУдалитьВы наверное имеете в виду мои советы здесь: http://blogger4you.blogspot.com/2009/09/bloggers-read-more-did-your-sidebar.html
"Если я новые посты буду правильно писать- копировать в режиме "Изменить HTML" и потом форматировать, поднимется ли левая колонка?" - должно подняться, как только неправильно отформатированные сообщения покинут главную страницу и на главной странице останутся только "правильные" сообщения, то и колонка на глпавной странице вернется обратно.
Подождем.
Удачи во всем!
Света
Спасибо за статью! Очень помогает начинающему блогеру!
ОтветитьУдалитьЗдравствуйте Светлана!
ОтветитьУдалитьВ написанную статью вставила все теги ,указанные вами выше,но при просмотре получаю ответ Ваш код HTML не может быть принят: Тег не закрыт: SPAN
Все перепробовала уже. Надеюсь на вашу помощь.
Здравствуйте, Светлана, давно уже читала Ваш блог, а сегодня стала ПЧ, потому что у Вас можно многому научиться. И сразу вопрос. По поиску не могла найти ответа, может не так вопрос ставлю: допустим,я переношу из другого блога какое-либо задание конкурсное, на боковую панельку, должна ли она для меня быть кликабельной, или только для посетителей моего блога. Если должна , то что я делаю не так. Я копирую код картинки и вставляю у себя, но они у меня почему-то не кликабельны.Помогите , пожалуйста, разобраться.
ОтветитьУдалитьЗдраствуйте. А вот у меня такой вопрос, не совсем по теме, но всё же. Я загружаю на блог огромное количество картинок, как мне оставить на странице только одну (главную) фотографию и не большую статью? В блоге же всё равно кликая на одну фотографию, они начинают показываться в режиме галереи. Просто так не удобно все остальные фотографии выставлять в рамки и регулировать их по размерам. Много времени занимает. Поможете мне?))
ОтветитьУдалить