Blogger: Как убрать постскриптум с главной страницы блога.

Куча-мала в блоге и как с ней бороться!

Здравствуйте, сегодня мы продолжим разговор о постскриптумах в блоге. Постскриптум вещь интересная и инструмент мощный. Но как и во всем в жизни здесь главное не переборщить, что бы не сделать из блога вот такую кучу-малу, как у меня на рисунке (Рисунок, кстати, не я придумала. А придумал его небезызвестный дизайнер Артемий Лебедев для "Детского клуба в Меге" ).

Так вот по поводу кучи-малы из постскриптумов в блоге. Иногда просто необходимо некоторые постскриптумы показывать только на странице самого поста.

Представьте себе такую ситуацию: Незнайка показывает на главной странице своего блога лишь короткие выдержки из своих статей (каким именно способом он это делает я точно не знаю, но догадываюсь, что это скорее всего он использует способ названный 'Читать далее' для самых ленивых я его, кстати, тоже очень люблю, хотя в этом блоге не прячу свои сообщения под кат совсем). Итак на главной странице Незнайка показывает только небольшую часть поста, а за подробностями он предлагает всем желающим кликнуть по ссылке "Читать далее", но впрочем тут же говорит что его блог самый лучший и все статьи в его блоге просто СУПЕР как и эта, которой мы собственно еще в глаза не видели (3 строчки summary не считаются) и чтобы не пропустить новой такой же интересной или даже еще лучше статьи нам срочно надо подписаться на блог и/или добавить его в закладки. И так после каждого summary на главной странице блога (раз 10). Вот это я и называю Кучей-малой в блоге! А на странице отдельного поста все, кстати, выглядит очень правильно, красиво и логично (прямо как доктор Пилюлькин прописал): пост прочитали, нам очень понравилось мы добавили его в закладки, а заодно и подписались на рассылку чтобы не пропустить новый действительно очень оригинальный обзор Незнайки о жизни Цветочного города.

Из этой истории я для себя сделала вывод, что некоторые постскриптумы стоит показывать только на странице самого поста (особенно, если вы не показываете пост целиком на главной странице блога).

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

Находим в Html-коде шаблона нашего блога постскриптум (как и зачем мы вставляем постскриптум в шаблон читаем здесь: Blogger: Постскриптум для ВСЕХ постов вашего блога) и окружаем его тегами:

Перед началом постскриптума вставляем тег:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

а в конце после постскриптума приписываем вот такой тег:

</b:if>

Нажимаем ПРОСМОТР и видим, что постскриптум на главной странице блога уже не показывается, проверить остался ли он на странице поста в этом режиме мы не сможем так что нажимаем СОХРАНИТЬ. И бежим проверять наличие постскриптума на странице поста.

Вот на сегодня и все, какие постскриптумы показывать на всех страницах блога, а какие только на странице поста решать только вам. Кстати, картинку-дивайдер, можно на мой взгляд показывать везде - ведь красиво же! ;)

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

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

Blogger: Постскриптум для ВСЕХ постов вашего блога!

Семь бед – один ответ,
Один ответ – пустяк.
(Булат Окуджава)

Здравствуйте! Не знаю насколько точно подошел эпиграф к теме о которой я буду сейчас рассказывать, но так как ничего лучше я не нашла, оставлю этот.

Итак, причем здесь Post Scriptum и при чем здесь те самые уже упоминавшиеся семь бед. Только при том, что на все мы будем давать один ответ или проще говоря размещать один и тот же Post Scriptum для всех статей в блоге: для уже написанных и только еще задумывающихся.

Что может стать постскриптумом - да все что вы хотите. Кстати, недавно прочитала в одной умной статье (http://bibliotekar.ru/biznes-27/67.htm), что люди (90%) обычно читают постскриптум.

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

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

К сожалению, для размещения постскриптума править шаблон блога. нам все-таки придется. Можно, конечно не править, а просто зайти в Панель инструментов -- Настройки -- Форматирование и найти там напротив параметра Шаблон сообщения окошечко и вставить туда наш Постскриптум и нажимаем СОХРАНИТЬ. Тогда при написании новой статьи у вас в редакторе всегда будет отображаться ваш Постскриптум (и вы его не забудете вставить). Но это будет работать только для новых статей и если однажды вы захотите его изменить, кроме того что вам надо будет изменить его в этом окошечке (напротив параметра Шаблон сообщения), вам возможно придется и отредактировать ваши старые статьи на предмет изменения пресловутого постскриптума, что не есть хорошо.

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

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

После такой ненавязчивой мотивации можно быстренько показать куда, как и что можно вставить:

Итак,

1. Идем Панель управления -- Дизайн -- Изменить Html

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

3. Находим строчки, ПОСЛЕ которых можно безболезненно вставить Постскриптум:

1) Постскриптум можно вставить после строчки <data:post.body/> - здесь есть небольшая тонкость: выражение <data:post.body/> является, собственно, телом вашего поста и все что вы вставите после него автоматически прилепится к вашему посту, причем прилепится на столько, что постскриптум будет начинаться на той же строчке, где заканчивается ваша статья и вам даже придется вставить пробел или несколько перед постскриптумом или символ новой строки или выделить ваш постскриптум в блок.

Внимание (для всех даже кому тема постскриптума не интересно): Чтобы вставить вставить пробел в Html-код вашего шаблона нажать символ пробел на клавиатуре недостаточно, так же как и не достаточно нажать на клавиатуре Enter, чтобы начать текст с новой строки. Для этого в Html существуют специальные символы.

На место пробела в нашем Html-коде вставляем такой набор символов &nbsp; или такой &#160; (точка с запятой ОБЯЗАТЕЛЬНА), а если хотим вставить "перевод каретки" используем тег Html: <br/>

А еще как я уже упомянула можно выделить постскриптум в блок. Это делается путем добавления в начало постскриптума Html-тега <div> а в конец постскриптума закрывающий тег </div> Этот способ еще хорош тем, что в тег div можно добавить описателей стилей, с помощью которых можно изменить размер и цвет шрифта в постскриптуме, а также сделать его полужирным или курсивом. О том как вставить описатель стилей для текста в блок div можно почитать здесь: Blogger: Картинка с подписью.

Самое сложное проскочили! Теперь еще несколько мест, куда можно добавить постскриптум, кстати, постскриптумов может быть несколько:

2) Например после такой строчки: <div class='post-footer-line post-footer-line-2'/>

3) Или после такой строчки: <div class='post-footer-line post-footer-line-3'/>

4) Вы даже можете попробовать добавить ваш постскриптум после строчки <div class='post-footer-line post-footer-line-1'/> но в этом случае будьте аккуратны, т.к. в блоке post-footer-line-1 содержится обычно служебная информация об авторе, дате написания и ярлыках поста. Поэтому в этот блок вставлять постскриптум придется аккуратно, примерно также аккуратно как мы делали в пункте 1).

5) Для тех кто все-таки не хочет править Html-код своего шаблона есть все-таки один способ!
Идем Панель управления -- Дизайн нажимаем Нажимаем Добавить гаджет и в гаджет запихиваем все-что мы хотим сделать постскриптумом к статье, затем переносим гаджет как мы уже делали здесь: Blogger: Перемещаем гаджеты по макету

Теперь, что можно вставить в качестве постскриптума:
1) Самое простое какую-нибудь важную фразу. Вот у меня долгое время в качестве постскриптума к каждому посту на видеоблоге была фраза "We really care about our videoblog, please tell us if video does not work. We'll fix it!" (Т.е. я просила читателей говорить если видео в статье не показывается и обещала исправить ситуацию).
2) Картинку - разделитель или картинку с вашим автографом тоже имеет смысл вставлять в шаблон как постскриптум, потому что при изменении шаблона возможно картинку-divider также захочется изменить Для примера взяла картинку с сайта Free Animated Dividers, Web Page Bars and Lines. Такая красота - так и хочется поместить её под каждым постом ;).

3) Можно вставить код Одной кнопки. Эта кнопка идет у меня после текста: Понравился пост - добавь в закладки, чтобы не потерять.
4) А у Кайла долгое время была кнопка AddThis для добавления ссылки на пост в англоязычные социальные сети.
5) Можно поставить какую-нибудь забавную rss-иконку с напоминанием, что посетитель вашего блога все еще может БЕСПЛАТНО подписаться на обновления вашего блога. Ну, какой же русский (да, и не только русский) не любит халявы ;). Как организовать и настроить подписку на обновления блога, я расскажу в этом блоге позднее... A пока, не забыли ли вы подписаться на бесплатные обновления ;)))

ВАЖНО: Если вам понравился этот пост и вы думаете вставить постскриптум у себя в блоге, читайте продолжение этого поста: Blogger: Как убрать постскриптум с главной страницы блога или Куча-мала в блоге и как с ней бороться!

Всем Удачи и Исполнения Задуманного!
Света


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

Blogger: 'Читать далее' для самых ленивых или газетный стиль вашего шаблона.

Приплыла к нему рыбка, спросила:
"Чего тебе надобно, старче?"

А надобно нам в рамках данной статьи совсем немного: организовать у себя в блоге ссылку Читать далее самым простым образом.

Здесь на страницах ВСЕ для BLOGGER(а) на BLOGSPOT(e) мы не раз поднимали вопрос о расширяемых постах, о сокрытии информации под катом, ссылке Читать далее и т.д.

Я честно написала по результатам экспериментов Кайла и моих собственных экспериментов порядка 5 постов на тему Расширяемых сообщений. И сегодня, я надеюсь, будет завершающий пост на эту тему. Завершающий, потому что для блоггеров, которые хотят использовать в блоге расширяемые сообщения, вариант идеальный. И если даже привередливый Кайл, который перепробовал все на свете, использует его, и если он даже сподвиг меня (а я, вообще, предпочитаю показывать на главной странице все статьи целиком) использовать его у себя в видео блоге, то наверное этот способ заслуживает внимания. Ничего лучшего я просто вообразить себе не могу!

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

Устанавливается очень просто:

1. Идем как всегда Панель инструментов - Дизайн - Изменить Html

2. На всякий случай делаем резервную копию шаблона.

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

4. В шаблоне находим строчку <data:post.body/> и заменяем её на следующий кусок кода:

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://blogger4you.narod.ru/JavaScript/summary-post.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Читать далее</a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

5. Нажмите ПРОСМОТР и СОХРАНИТЬ если вам все понравилось, нажмите УБРАТЬ ИЗМЕНЕНИЯ если что-то получилось не так.

6. Некоторые параметры, которые можно поменять:
summary_noimg = 430; - количество знаков summary если нет картинки.
summary_img = 340; - количество знаков summary если картинка есть.
img_thumb_height = 100; высота thumbnail (миниатюрной картинки)
img_thumb_width = 120; и ширина thumbnail (миниатюрной картинки)

8. Если для вас важно единобразие маленьких кусочков (summary) и вы готовы принести в жертву этому единобразию пропорции картинки оставляем строчку http://blogger4you.narod.ru/JavaScript/summary-post.js как есть. А если вам хочется сохранить пропорции картинок в вашем summary меняем эту строчку на вот такую http://blogger4you.narod.ru/JavaScript/summary-postN.js

8. Слова Читать далее (в скрипте см. п4 ) можно заменить
1) любыми другими словами;
2) Html-кодом картинки: <img src="http://адрес вашей картинки" alt="Читать далее"/> Тогда эта картинка станет ссылкой на статью целиком (у нас с Кайлом в блогах где мы используем этот скрипт так и сделано, а alt написан на случай, если что-то случится с сайтом где картинка хранится, тогда вместо картинки появится надпись, которую вы поставили как значение для параметра alt). Об Html-коде для описания картинок читаем подробно вот здесь: Blogger: Картинки для фотохудожника!

9. Еще пара небольших замечаний:
1) Если вы решите внедрить этот скрипт возможно разумно будет пересмотреть стиль написания постов, т.е. хорошо бы вначале поста вместо предисловия и введения писать небольшое краткое содержание (summary).
2) Поэкспериментируйте с размерами миниатюр (thumbnail) - подберите их так чтобы картинки при показе на главной странице не очень искажались.

На этом у меня все.
Всем Удачи и Здоровья (в такую погоду)!
Света

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




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