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>

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

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

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

Света


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

6.2.09

Blogger: Подписка на Рубрику (Ярлык)!

19 comments


Картинка взята из очень интересной статьи - открытого урока в 11 класс по теме Что такое цвет?
Красный, синий, голубой - выбирай себе любой...

Здравствуйте! О цветах мы сегодня говорить не будем - мы немного о них говорили, когда готовили краски для раскраски и потом тоже говорили и еще поговорим... А сегодня мы продолжим разговор об использовании ярлыков в нашем блоге, что и говорить инструмент очень мощный.

Напомню, что мы уже знаем и умеем делать с ярлыками (тегами):
1) Знаем как легко их поставить в уже существующие посты и как сделать их более видимыми на странице (Blogger: Работа с метками и ярлыками!)
2) Знаем как расположить перечень ярлыков более компактно на боковой панеле блога (Blogger: О ярлыках опять - Облако тегов!)
3) Научились ограничивать количество постов, показываемых на странице вашей рубрики (Blogger: Количество постов в рубрике и на главной странице!)

Сегодня мы узнаем как организовать для ваших читателей подписку на определенные рубрики вашего блога. Давайте дадим нашим читателям выбор, что именно они хотят читать из нашего блога. (Теперь понятна картинка к статье и подзаголовок.)

А сделать это очень просто такого рода фид для ярлыка/рубрики, мы можем найти по адресу:

http://адрес вашего блога/feeds/posts/default/-/Имя ярлыка
А чтобы привести пример и заодно что-нибудь (ну, конечно же свой любимый блог: Russian Video from Russia) порекламировать, я покажу вам парочку примеров таких фидов (feed)
1) На мультфильмы с сайта Russian Video from Russia можно подписаться по адресу:
http://video.kylekeeton.com/feeds/posts/default/-/Cartoons

2) А если вам интересны наши с Кайлом музыкальные пристрастия, весьма впрочем консервативные и связанные с темой видеоблога т.е. с культурой бывшего СССР и нынешних стран СНГ, милости просим взглянуть и возможно подписаться на этот фид (feed):
http://video.kylekeeton.com/feeds/posts/default/-/Musical%20Video

Что с адресами фидов делать дальше, в каком виде их предложить вашим читателям, каждый выбирает для себя сам. Могу только сказать, что FeedBurner принимает такие адреса фидов без проблем.

Всем Удачи и Счастья!
Света

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

4.2.09

Blogger: Количество постов в рубрике и на главной странице!

18 comments

Лучше меньше, да лучше!

Здравствуйте! Сегодня я хочу поговорить о компьютере для веб-дизайнера. В общем, я не могу сказать точно какой это должен быть компьютер -- думаю, что не такой как здесь на картинке. На мой взгляд компьютер вообще должен быть ... средненьким - примерно таким же как у вашего читателя. Иначе, веб разработчик никогда не поймет всех страданий читателя, которому его творение только что подвесило компьютер... не смертельно, конечно, повисит и может мышка заработает, можно будет на крестик нажать или браузер отвалится -- в совсем запущенном случае можно и тремя пальцами проголосовать за понравившийся сайт (я имею ввиду клавиши Cntrl-Alt-Del).

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

В этой коротенькой статье я хочу поделиться просто парой тройкой мыслей...

Наверное, я не буду рассуждать здесь об анимированных рекламных банерах. Кстати, их можно заменить на статичные картинки или, вообще, на ссылки необычного цвета с впечатляющим текстом и возможно каким-нибудь особенным шрифтом.

Я просто расскажу вам как уменьшить количество постов на странице (на главной странице и на странице рубрики (ярлыка)). [Что такое Ярлыки и как ими управлять читаем здесь: Blogger: Работа с метками и ярлыками!] Для меня это очень актуально, потому что мне нравится вести видеоблоги, а в видео блогах, если не прятать видео под кат, страница с 25 видео будет грузиться невероятно долго.

1) Уменьшаем количество постов на главной странице. Это очень просто - нам даже не придется писать абсолютно никакого кода.

Заходим на Панель инструментов -- Настройки -- Форматирование и здесь в первом же параметре можно поменять "Показать ... дн./сообщ. на главной странице" (по умолчанию 7, у меня обычно 4, а вообще, можно и до 500...)

2) Ограничиваем количество постов, показываемых в рубрике. Если ваш читатель нажмет на какой-нибудь ярлык в вашем облаке тегов он получит страницу на которой будет по умолчанию будет 25 постов!

Чтобы справиться с этой бедой нам придется немного подправить HTML код:

Панель инструментов --> Дизайн --> Изменить Html


Ставим галочку на Расширить шаблоны виджета.

И находим все строчки их будет скорее всего две (ищем как всегда с помощью CntrF) начинающиеся символами:
<a expr:href='data:label.url'
Теперь эти "начинающиеся символы" очень просто меняем на
<a expr:href='data:label.url + "?max-results=4"'
Я поставила 4, потому что это число оптимально для моего блога, вы можете поставить сколько вам нравится от 1 до 100.

А продолжение строчки оставляем как было.

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

Всем УДАЧИ!Blogger: кошка.
Света

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

PS Кстати, для ЖЖ я тоже нашла место, где меняется количество постов на странице, если кому надо - обращайтесь.

PPS Еще к вопросу о банерах... не думаю что в текущем шаблоне я их буду размещать (А шаблон мы с вами поменяем - это я обещаю - и процесс весь я буду описывать). Просто хочу поделиться: сегодня я нашла один очень приличный сайт, банер которого не стыдно разместить на сайте.
Улучшайте свой английский бесплатно и кормите голодающих рисом!

Play and Feed a Hungry Person
Banner
Читать дальше...

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