Сетевой маркетинг Екатерины Бокитько.

Первый пост на тему авторского дизайна на blooger.com.

Продолжаю тему индивидуального оформления.

Сегодня попробовала изменить дизайн в шаблоне №897. Он оказался очень удобным для экспериментов, так как его ширина фиксирована, и если поменять шапку, блог будет смотреться одинаково хорошо на любом мониторе. Главное, чтобы картинки, которые вы будете вкачивать в заголовок, имели ширину 800 пикселей.

В первом эксперименте я поставила в шапку блога фотографию «нотного» сервиза, сделанную в Чехии. Название блога сделано в фотошопе, картинка закачана поверх названия и описания. Фотография имеет размеры 800х546. Бежево-коричневая гамма фотографии диктует цвет фона, ссылок, меню и шрифтов — все выдержано в бежево-кирпичных тонах. Грязно-синий фон страницы, предлагаемый автором шаблона, естественно, заменяю на слоновую кость. Верхняя панель Navbar — бежевая. Вот что получилось:

Затем я взяла фотографию зеленоградского леса 800х272, написала в фотошопе название блога прямо на фото, и вкачала в шапку. Так как «блоггер» не предложил мне зеленых тонов для ссылок и меню нужного оттенка, идеально совпадающего по цвету с фото, то для оформления фона, ссылок и заголовков я использовала серо-оливково-коричневую гамму. Панель Navbar соответственно, серебристая. Вот такой получился лесной блог:

Я тут подумала — не открыть ли мне дизайн-студию по оформлению блогов?:)
Если что-нибудь придумаете на своем блоге — шлите ссылку в комментарии. Приду смотреть.

Хочу поделиться с вами несколькими приемами, которые позволят внести разнообразие в стандартный дизайн блога на blogger.com. Этот сервис предоставляет не так много готовых шаблонов, но тем не менее, при творческом подходе из этих шаблонов можно сделать блог с оригинальным дизайном. Для иллюстрации возьмем за основу шаблон «Sand dollar». Без всяких доработок блог с этим шаблоном выглядит так:

Все встречали такие блоги с ярко-апельсиновым дизайном во всемирной сети. Какие же возможности разнообразить этот дизайн мы можем использовать?

Давайте для начала поменяем цветовую гамму. Делается это просто. В панели управления блогом выбираем раздел «Шаблон», затем «Шрифты и цвета».

Все изменения, которые мы вносим в настройки — цветовая гамма шапки сайта, шрифты, цвет ссылок, заголовков сразу отображаются на экране внизу. Давайте сделаем из апельсинового шаблона блог морской тематики! Для этого устанавливаем:

Blog Title Background Color (цвет фона заголовка) синим,
цвет заголовка — белым,
Description Background Color (цвет фона для описания блога) — белым,
цвет для описания блога — синим,
цвет для заголовка сообщения — голубым,
цвет ссылки нижнего колонтитула сообщения — голубым,
цвет названия боковой панели — темно-серым,
цвет ссылки на боковой панели — серым,
цвет рамки — белым (она не будет видна).

Сохраняем изменения!

Затем идем в раздел «Шаблон». Изменяем панель Navbar — выбираем для нее легкий серебристый оттенок. В меню добавляем элемент страницы «Картинка» и вкачиваем фотографию морского прибоя. Готово:

Теперь давайте решим задачку поинтереснее. В фотошопе готовим такую картинку (серый фон выделяет изображение). Пишем название блога прямо на картинке. Размер 844х132.

Затем идем в шаблоны, меняем цвет шапки блога на белый, потом в элементы страницы, жмем «Изменить заголовок». Вкачиваем подготовленную картинку, место размещения — вместо заголовка и описания. Готово!

А вот что можно сделать из шаблона Minima Stretch, если сделать рамки заголовка белыми, и вкачать в шапку блога картинку размером 928х83.

А вы говорите — мало шаблонов! 🙂