Blogger: Газетный стиль шаблона (больше постов)

Здравствуйте, дорогие читатели!

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

Проблема: Многие блогеры жалуются, что хотя у них в настройках прописано показывать на главной странице 10-12 постов Blogger показывает только 4 поста. И блогеры спрашивают в чем проблема: Blogger работает не корректно или скрипт работает неправильно?

Объяснение ситуации: Уже около года Blogger внедрил Auto Pagination http://buzz.blogger.com/2010/02/auto-pagination-on-blogger.html - автоматическую разбивку на страницы, как они говорят, для улучшения производительности... Как и во всем в нашем мире: хозяин всегда прав и кто платит, тот заказывает музыку. И в нашем случае это тоже справедливо: мы же Blogger'у за хостинг ничего не платим, поэтому и прав у нас здесь никаких нет. А Auto Pagination - это когда Blogger решает, что мы пытаемся показать слишком много "мегабайт" на главной странице и тогда он автоматически уменьшает количество показываемых постов.

И все это, конечно, понятно, но не понятно почему блогеры, использующие газетный стиль шаблона, тоже попадают под санкции Auto Pagination они-то ничем не злоупотребляют! Про каждый пост они показывают только небольшой тизер (дразнилку): миниатюру и начало поста много на в своем блоге не показывают?!!

А дело в том, что работу по созданию красивого газетного шаблона выполняет программка, написанная на javascript'е. И вот как это работает: браузер вашего читателя загружает на его компьютер эту javascript-программку и когда приходит время показать читателю тизер вашего пост эта программка берет у Blogger'а ваш пост целиком, преобразует первую встретившуюся картинку в миниатюру и отсчитывает необходимое количество символов, из которых будет состоять тизер. Показывать весь пост целиком программка не будет. Вот только Blogger об этом ничего не знает, поскольку браузеру вашего читателя он уже отдал пост целиком, а что уж потом из этого целикового поста сделала программка формирующая газетный стиль он не знает, да и знать не может и не хочет (он уже потратил отведенные для вас ресурсы на передачу целого поста).

Решение проблемы довольно очевидно: сказать Blogger'у что на главной странице мы не собираемся показывать посты целиком, не надо нам передавать и весь пост, только, пожалуйста, его начало. И я знаю только один способ попросить Blogger не пересылать в браузер читателя весь пост целиком - это использовать встроенный кат Blogger'а.

Итак, нам надо:

1. Вставить в пост Blogger'овский кат:
а) Если вы пользуетесь графическим редактором Blogger, то кат вставляется установкой курсора на желаемое место "разреза" и нажатием кнопки "Вставит ссылку "Дальше":

б) Если вы редактируете пост в режиме Изменить Html, то в нужном месте вставляете строчку:
<!--more-->

Вставлять в пост кат надо немного ниже чем пост "отрежет" программка формирующая газетный стиль шаблона.

2. Побочным эффектом добавления ката станет дополнительный линк "Читать далее" уже от Blogger'а.

Чтобы избавиться от этого побочного эффекта вносим изменения в Html-код шаблона.

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

в Html-коде находим строчку (возможны 2 варианта):
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>

либо
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>

и заменяем её на
<!-- <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a> -->

либо
<!-- <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a> -->

[СОХРАНЯЕМ ШАБЛОН]

НЕОЦЕНИМУЮ ПОМОЩЬ В НАПИСАНИИ ЭТОГО ПОСТА оказала VolNa, которая на своем блоге "НА библиоVolNe..." (кстати, очень интересном) проверила и осуществила на практике идеи изложенные в этой статье, а так же именно благодаря ей я узнала о двух возможных версиях в написании Html-кода для Blogger'овского ката.

Всем хорошего летнего настроения!
Света

Другие посты по теме Газетный стиль шаблона:
1) Blogger: 'Читать далее' для самых ленивых или газетный стиль вашего шаблона
2) Blogger: Газетный стиль шаблона и новые кнопки навигации


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

Blogger: Газетный стиль шаблона и новые кнопки навигации

Здравствуйте!

В августе 2009 года я рассказала, читателям "Все для Blogger'а..." о своем самом любимом способе убирать длинные посты "под кат". Я назвала этот способ "Газетным стилем шаблона". Как блог выглядит при использовании "газетного стиля" вы можете увидеть на картинке слева, а в действии посмотреть вот здесь.

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

Blogger: Картинка вместо слов 'Читать далее'.

Здравствуйте,

очень многим блогерам, использующим платформу Blogger, да и другие платформы, нравится использовать так называемые расширяемые сообщения, когда на главной странице или странице рубрики показывается только анонс поста, а пост целиком можно прочитать по ссылке "Читать далее".

Расширяемые посты - это очень модно и современно. По наблюдению психологов, активные серферы интернета (наши с вами читатели) просто неспособны сконцентрироваться более чем на первых двух абзацах текста им обычно надо много разнообразной информации, которую мы им и предоставим, спрятав за ссылкой Читать далее "скучные" подробности для узкого круга "нудных интеллектуалов" и разместив больше разнообразных постов на главной странице блога.

Лично мне нравится несколько способов создания расширяемых сообщений:

1. Читать далее реализованное в самом Blogger'е. (То что сделано самим Blogger'ом надо любить по определению, тем более что с этим очень легко работать).

Нет в мире совершенства, даже у Blogger'а, поэтому мне в свое время пришлось написать пару постов на тему Встроенные в редактор Blogger'а расширяемые сообщения:

Как вставить 'Читать дальше' и чтобы боковая колонка осталась на месте.
Как показать видео от YouTube НАД катом от Blogger'а..

2. Очень люблю Газетный стиль шаблонов или как я его назвала, Читать далее для самых ленивых. Постоянно по просьбам читателей его дорабатываю, внося туда те или иные возможности.

3. И еще мне очень нравится так называемая Шапка-невидимка, здесь ссылка Читать далее не уводит посетителя с главной страницы.

Сегодняшний мой короткий пост является небольшой доработкой к встроенному в редактор Blogger'а ката (кат это от английского cut - резать ссылка Читать далее).

Задача: Заменить в посте ссылку Читать далее, на ссылку-картинку.

Решение:
1) Найти или нарисовать красивую картинку что-то типа Читать далее, Смотреть подробности, Дальше еще интереснее и т.д.

2) Загрузить картинку и получить ссылку на неё. Если у вас нет на примете бесплатного надежного хостинга для картинок, которым вы всегда пользуетесь, я предлагаю вам воспользоваться сервисом от Google'а Picasa Web Albums ведь именно туда загружаются все картинки, которые вы вставляете в свои сообщения через редактор Blogger'а.

Здесь можно прочитать как загрузить в Альбомы Пикаса картинку и получить на неё работающую ссылку: Picasa, отдай мою ссылку!

3) Итак, после второго шага у нас есть есть ссылка на картинку, которую мы бы хотели использовать как ссылку Читать далее.

А теперь все просто. Кликаем на Дизайн на Панели управления, Выбираем Изменить Html, обязательно Ставим галочку на Расширить шаблоны виджета.

В Html-коде шаблона находим выражение:

<data:post.jumpText/>

и меняем его на

<img src="http://ссылка на нашу картинку" alt="Читать далее" title="Дальше еще интереснее!"/>

Слова в alt и title можно поменять, а ссылку на картинку НАДО поменять обязательно.

Чтобы сместить картинку вправо ищем в коде строчку:

<div class='jump-link'>

и заменяем её на

<div class='jump-link' style='text-align:right;' >

Всем здоровья и удачи!
Света

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

Blogger: Как вставить 'Читать дальше' и чтобы боковая колонка осталась на месте.

У Blogger'а юбилей!
Blogger'у сравнялось 10!
Blogger дарит подарки!
... а мы учимся их использовать ;)

Сегодня мы с вами поговорим об одном из самых долгожданных Blogger'овских подарках о встроенном в редактор Blogger'а кате или ссылки Читать далее. Объявлена эта возможность уже довольно давно и я, как и все люди следящие за развитием Blogger'а , её попробовала сразу после объявления... В то время я заканчивала писать другую статью, а потом собиралась очень коротко об этой возможности написать... И тут со всех сторон посыпались жалобы на этот самый Blogger'овский кат: люди писали письма и комментарии, спрашивали в Russian Blogger Help Group (по-русски). Люди жаловались, что при использовании встроенного Blogger'овского ката, боковая колонка сваливается в самый низ блога(!)

Глядя на все это я поняла, что пост про новый Blogger'овский кат я писать НЕ БУДУ пока эта проблема не будет решена. Теперь решение найдено и в этом посте я объединю сразу два: о новой опции редактора Blogger'а - встроенном в редактор кате и о решении проблемы сползания (уползания) боковой колонки.

Но давайте обо всем по порядку.
Читать дальше...