Как украсить свой блог к Новому Году?

Автор: Владислав Челпаченко Блогосфера 22 комментария 20230 просмотров

Здравствуйте, дорогие друзья и коллеги!

Сегодня мы с Вами узнаем как украсить свой блог к Новому Году! Один из читателей моего блога попросил рассказать, как я украсил свой блог к Новому Году (кто ещё не видел, обновите страницу в своём браузере).

ykrashaem blog

И, конечно же, я с радостью согласился написать об этом пост. Если у кого-то возникают какие-то вопросы или трудности, пишите мне, постараюсь Вам помочь.

Итак, начнем:) Для того, чтобы украсить блог, мне понадобилось всего 3 шага.

ШАГ 1. Первое, что я изменил это header (шапка сайта). До этого она у меня выглядела так:

шапка сайта

Украшал шапку блога в программе Photoshop. Кто знаком с этой программой и умеет в ней работать, тот без особого труда сможет одеть на себя Новогодний колпак или вставить туда Дедульку Мороза и красивую Ёлочку:) А кто не умеет, тому советую как можно быстрее знакомится с этой программой, потому что без нее сейчас никуда! Посидел пару часиков над дизайном header и вот что у меня получилось:

новый год

Первый пункт сделал! Двигаемся дальше:)

ШАГ 2. Вторым этапом изменил фон блога. Здесь уже не надо никаких специальных знаний и программ. У кого-то в шаблоне блога  в разделе дизайн (панель инструментов) есть такая функция "Фон", там можно его легко поменять. А у кого, например как у меня, такой функции нет, то поменять фон блога можно следующим образом:

1). В панеле инструментов находим раздел дизайн и нажимаем на строку «Редактор». После этого в правой боковой колонке выбираем style.css:

css

По центру экрана у Вас появится редактор style.css. Найдите там строчку background-image (примерно 50-80 строка сверху, у всех по разному). URL-адрес, который стоит после background-image url  определяет фон блога.

css

А где взять этот url-адрес? Вот здесь:

Эта табличка появляется после того, как Вы добавляете новую картинку в левой боковой колонке панели инструментов ("Медиафайлы" ---> "Добавить файл"). Копируете этот url-адрес и вставляете в редактор CSS после background-image url. После этого сохраняем изменения в редакторе и нажимаем "обновить" в браузере.

ШАГ 3. Добавил flash-анимацию (падающие снежинки и бегающую белочку). Чтобы не мучить Вас длинным описанием, я записал видео-урок о том, как это сделать:

Понравилось? Сможете сделать также на своем блоге? Думаю сможете:)

Скачать архив с падающими снежинками.

Перейти на сайт http://gifzona.com.

Конечно же, эти 3 шага не единственный способ украсить блог. Если хорошо поискать, то можно найти уже готовые Новогодние шаблоны и скрипты. Хочу напомнить Вам, что всем посетителям, оставляющим комментарии на Вашем блоге, нравится видеть свои аватарки. Если  у Вас в шаблоне они отражаются, но имеют маленький размер, то посмотрите статью "Как увеличить аватар посетителей, оставляющих комментарии" и увеличьте их до приятного размера:)

На этом на сегодня и закончим. У кого что-то не получится, пишите в комментариях.

P.S. Если Вы знаете еще какие-нибудь способы как украсить блог, то можете поделиться:)

Поделитесь этой страничкой со своими друзьями, они будут Вам благодарны

Присоединяйтесь к обсуждению 22 комментария

ОтвLeave a Reply to Vladislav Chelpachenko Отменить ответ