Как я занималась украшательством блогодомика

В украшательстве домика мне очень помог курс Алёны Коневич и информация сайта "Я сама блоггер", а также информация этого сайта.

Итак, начинаю по порядку.

1.Фон.Внимательно прочитаны первые два урока от Алёны.

Согласно урока 4 от Алёны найден бесплатный бесшовный фон. Ширину блога установила 1020 пикселей, сайдбар 240 пикселей. В Фотошопе определила номера цветов, использованных в фоне, скопировала их в отдельный файл Блокнота (смотрите в Стандартных программах панели "Пуск"), затем эти цветовые обозначения использовала в дальнейшем при оформлении шрифтов, определении цвета кнопок в облаке тегов и т.д.

2.Шапка была сделана в Фотошопе. Размер 1040 х 125 пикс. Использовала урок от Алёны . Пришлось размерчиком поиграть, чтобы красиво встала.

3.Этот графический элемент(шрифт) взяла на этом сайте . Стрелками указано, что на сайте можно выбирать названия шрифтов. Исходила из того, что шить - sew (по-английски), искала подходящее - нашла на 34 странице. Обращайте внимание на бесплатность шрифта, должно быть написано 100% free или Free for personal use (бесплатно для личного использования).

4.Бегущая строка сделана с помощью вот этого кода HTML. Поиграла с цветом, шириной, скоростью букв и длиной и направлением пробега))) ну и фразу подобрала мотивирующую)))

У меня вот такой код прописан.

5.Вот с этими кнопочками "повоевала". Итак, создаете нужные Вам страницы в разделе "Страницы" (простите за масло масляное), добавляете гаджет "Страницы" в разделе "Дизайн", ставите под шапкой и в моем случае бегущей строкой. Подробнее в уроке 4 от Алёны, ищите про вкладки.И здесь уделите внимание тому моменту, если вы хотите, чтобы названия страниц отображались по центру страницы. Алёна даёт соответствующий код. После того, как страницы отобразились по центру страницы создаём нужные кнопки в Фотошопе. В моём случае это 3 кнопки, я их загрузила в разде "Мои фотки" на Яндексе(можете использовать любое другое хранилище графики).Получила код каждой кнопки.

Далее трижды указала в коде адрес страницы+ссылка на нужный рисунок кнопки. Обратите внимание на адреса страниц -они разные! Вот скриншот кода

6.Центровка заголовков сообщений описана в уроке 7 Алёны. Смотри про центровку заголовка и даты сообщений.

7. Страница "Полезное" объединяет посты на блоге, в ярлыках которых имеется это слово. Использован скрипт с этого сайта.

8. Карта блога тяжко далась.Был использован скрипт, который дан автором в комментариях на этом сайте.Но почему то с первого раза он у меня не встал.Искала другие варианты. Вновь вернулась к первоначальному, понимая, что у автора и вот здесь скрипт работал. Не знаю, что, колдовала, убирала пропуски и поставив его снова в гаджет он заработал! Чудо! Прилагаю скриншот скрипта

Внизу блога тоже было кое-что проделано.

1.Облачко тегов разместила в "подвале" блога. Использовала вот этот код. Первый!Только откорректировала под свои цвета.

2. Кнопочка-ракета "Вверх" была взята здесь , но и у Алёны есть кнопочка в уроке 6.

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

С помощью урока 6 и 7 Алёны я исправила кнопку "Дальше", скрыла навигационную панель, убрала надписи про Технологии Блоггер, убрала надпись Подписаться на: Сообщения (Atom)

У меня пока в качестве недоделок: личный профиль , кнопки соцсетей. Есть еще над чем потрудиться...