Как над шапкой убрать промежуток и как в блоге выпрямлять закруглённые углы

     Рад приветствовать всех блогеров. Этот материал поведает вам, как над шапкой блога убрать расстояние и как на Blogger, выпрямить закруглённые углы блога.

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

     В предыдущих материалах, я уже показывал, Как убирать верхнюю панель "Navbar". Если это сделать, теперь, остается ещё одна небольшая полоска. Ее то и будем убирать.

     Предупреждаю: чтобы случайно все не испортить, держите в уме урок: “Делаем резервную копию шаблона в Blogger”.

     Переходите в редактор блога, далее во вкладку "Шаблон", потом "Изменить HTML". Нажимаете один раз левой кнопкой мыши по окну кода, потом нажимаете вместе клавиши "Ctrl+F", появится окошка поиска. Вставляете туда следующий код: 

<Variable name="content.margin" description="Content Margin Top" type="length" default="20px" value="30px"/>

     Нас перебросит к нему. Далее надобно сменить на “0”, значения “20”. Аналогично поступаем и со значением 30. Теперь код будет выглядеть так:

<Variable name="content.margin" description="Content Margin Top" type="length" default="0px" value="0px"/>

     Супер! Теперь, если посчитаете нужным, давайте поучимся удалять промежутки по бокам шапки к главной рамке по бокам.

     Чтобы сделать это, под упомянутым выше кодом, в строчке:

 <Variable name="content.padding" description="Content Padding" type="length" default="0" value="15px"/>

     Измените значения 15 на 1. Тогда шапка съезжает к левому краю. Дабы исправить это, увеличьте шапку на 29px.

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

<Variable name="content.border.radius" description="Content Border Radius" type="length" default="0" value="14px"/>

     Тоже ставите, вместо “14” “0”. Далее, раз мы сделали в основной рамке прямые углы, необходимо сгладить углы шапки. Находите для этого строку:

<Variable name="header.border.radius" description="Header Border Radius" type="length" default="0" value="10px"/>

     И меняете значение value="10px" на значение value="0px".
     На сегодня все, если захотите внести собственные изменения, попробуйте поиграться с изменением значений. Удачи.