Располагаем название Блога по центру Шапки

Как расположить название Блога на Blogspot по центру «Шапки»

 Как известно владельцам Блогспотовских Блогов, - название Блога и его описание изначально располагается с левой стороны «Шапки» Блога, что со временем начинает «напрягать» Блогеров. Уж очень хочется преобразить свой Блог до неузнаваемости и придать ему максимальную схожесть с серьезным ресурсом. К счастью, благодаря некоторым манипуляциям, это желание становится вполне осуществимым даже для начинающих.
В этой краткой статье мы продолжим оформление своих Блогов в индивидуальном стиле путем выравнивания текстов в «Шапке» Блога.

В принципе, дизайнер шаблонов дает нам возможность настроить фон заголовка, цвет шрифта и его размер, однако это и все. Поэтому будем использовать другие возможности, а именно – возможности CSS стилей.

Все используемые CSS стили, которые мы будем применять - вставляем в шаблоне блога. Итак, переходим в режим «Шаблон» и обязательно делаем резервную копию шаблона. Затем нажимаем - изменить шаблон. Далее в шаблоне находим строку<b:skin>...</b:skin> (точнее ищем самую первую стрелочку слева), нажимаем на эту черненькую стрелку, аккуратно не спеша прокручиваем вниз до строки  ]]></b:skin>, либо используя «Поиск» находим эту же строчку.
Далее, чуть выше найденной строки ]]></b:skin>, вставляем необходимые стили CSS.

Начнем с выравнивания текста по центру и вставляем этот Код:

#header h1 {
text-align: center;
}
#header .description {
text-align: center;
}

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

Либо, если необходимо смещение, используем такой вариант:

#header h1 {
margin-left: 50px;
}
#header .description {
margin-left: 50px;
}

 Выделенное красным - это отступ от левого края «Шапки» самого названия блога и его описания. Можете настроить чуть правее. А если впишите числовое значение больше, то заголовок и описание будут справа.
«Поиграв» с цифрами, можно оформить текст заголовка блога слева, а описание справа

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

/* Header
----------------------------------------------- */
Здесь может быть еще код

Далее -

.Header h1 {
text-align:center ;

И сразу ниже .Header h1  - вставляем ( text-align:center ; ) – если желаем выровнять по центру.
Либо - ( margin-left: 50px; ) - если выравниваем правее.

 Вот и все! Ваш Блог стал выглядеть еще более профессионально, особенно если вы уже установили одну из стрелочек «Вверх» из ПРЕДЫДУЩЕЙ СТАТЬИ.
Удачи вам!