Serenkaja's Design: июня 2009

Сапожник без сапог...

Точнее, уже с ~~сапогами~~ дизайном :)

Сделала, наконец, дизайн и своему блогу! А также кнопку-баннер и favicon.

Использован замечательный набор / Credits: The Essence of Spring By NLD & O.N. Designs

Кнопка:

Related Posts Plugin for WordPress, Blogger...

Дизайн блога Школы скрапбукинга

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

Если вам интересно это направление, очень советую посетить ее блог!

Там же вы сможете лучше рассмотреть и шаблон.

Использовано / Credits: Lily Design (Cherry Blossom)

Blogger. Создание одностраничного шаблона или картинки-фона

Обещаю, что в этом посте не будет много слов :)

Как я уже писала в посте “Установка шаблона, состоящего из картинки-фона”, создание такого дизайна не вызовет много трудностей (я не имею в виду дизайнерские способности, творческие муки и прочее, а то, что для его создания вам не нужны знания html, css). Но еще раз напомню: у подобных шаблонов немало минусов! О них я писала в упомянутом посте. Отдельно упомяну еще раз самый главный минус: на мониторах с разным разрешением они будут смотреться по-разному! У кого-то картинка обрежется, у других будут пустые места.

А теперь о создании. Результатом вашей работы должны быть картинка-фон размером, например, 1280х1024px, видела вариант 1280х800px... сама делала 1280х960px…

Центральная область – шириной примерно 700px. Тут нет строгих правил – может зависеть и от настроек вашего основного шаблона, и от вашего желания.

В дополнение к фону вы можете создать и так называемую “шапку” блога в том же стиле – картинка вместо или вместе с заголовком.

Сохранять в формате jpg, качество примерно 70% (внешне не заметно сжатия, но значительно выигрываете в размере файла). Далее загружаете на ваш любимый фотохостинг. Про установку уже писала :)

Посмотреть подобные шаблоны, так сказать, вдохновиться вы можете на следующих сайтах (я не задавалась целью найти много, просто примеры, при желании вы и сами сможете):

cute bloglayouts
shels scraps
allie browns’ layouts
ну и мои пробы: serenkaja’s design (в категории simple)

Если что-то упустила, спрашивайте!

Blogger. Прячем под “кат”. Шаблоны сообщений.

Я в свое время была очень удивлена, что в блоггере нет встроенной возможности прятать часть длинного поста под кат… Для меня – это, в первую очередь, уважение своих читателей! Даже имея достаточно шутрый интернет без ограничений по траффику надоедает листать длиннющий пост!

В поисках решения я находила много вариантов, но сами же авторы признавали минусы своих вариантов. То ссылка "Читать далее..." добавлялась ко всем сообщениям, даже если мы это и не предполагали, то скрывался абсолютно весь пост – а я люблю, чтобы было какое-то предисловие…

А вот Yin Wang, автор статьи A better way to create expandable post summaries in Blogger (для классических шаблонов) догадался, как сделать чтобы ссылка "Читать далее..." появлялась только в статьях, где мы убирали под кат часть статьи, что собственно нам и нужно.

Итак, Панель инструментов - Макет - Изменить Html. Ставим галочку “Расширить шаблоны виджета”. (На всякий случай сохраните ваш текущий шаблон!)

Затем ищем закрывающий тег </head> и перед ним пишем следующий код:

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

После чего находим слова data:post.body. После строки с этим текстом вставляем код:

<a class='more' expr:href='data:post.url' style='font-size:110%;' title='Read full text'>Читать дальше...</a>

Если вы знакомы с css, можете сами еще что-то настроить по вкусу. Смотрим, сохраняем. Что-то поломалось – отменяем изменения.

Что же надо делать при написании поста, чтобы прятать часть его под кат?

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

После всего этого ваш пост будет выглядеть примерно так:

Как видно из заголовка поста, я хотела еще упомянуть о шаблонах сообщений.

Зачем это нужно? Если у вас посты с повторяющейся структорой, вам будет удобно использовать шаблон, чтобы не писать каждый раз одно и то же… Опять же теги, о которых я писала выше (чтобы прятать под кат), вам не обязательно их помнить – достаточно указать в шаблоне.

Панель инструментов - Настройки – Форматирование.

И внизу странички напротив пункта “Шаблон сообщения” вставляем текст шаблона: