Советы по некоторым настройкам дизайна Blogger

Привет, друзья. Сегодня у меня пост "сборная солянка". Сделала шпаргалку по некоторым вопросам своих читателей. Сразу попрошу вас прочитать статью как спрятать или удалить Navbar в блоге. Дополню, что ещё можно с ним сотворить и ещё некоторые моменты по оформлению дизайна.

1. Расположить navbar внизу страницы.

Неплохо такой вариант смотрится и не закрывает верх страницы. Посмотрите на этом блоге его расположение внизу.

Для этого идём во вкладку ТЕМА, находим заветную ]]></b:skin> и сразу над ней устанавливаем

#navbar-iframe {
  bottom: 0;
  position:fixed;
}


Возможно у вас будет не #navbar-iframe а #navbar - зависит от шаблона. Сути не меняет.

2. Убрать пустое место над заголовком и под ним.

Посмотрите о чём идёт речь. Даже если вы в настройках отключили navbar над шапкой не нужная светлая полоса остаётся.


Опять же над ]]></b:skin> задаём-

Убрать над заголовком -

body .navbar {height: auto;}


Убрать под заголовком -

.region-inner.main-inner, .column-right-inner {
padding-top: 0 !important;
}

Результат-


3Как уменьшить расстояние между гаджетами

4. Подчёркивание заголовков.

Используя стили CSS можно сделать подчёркивание всех заголовков - название блога, заголовки сообщений и гаджетов. Посмотрите на тестовом блоге по ссылке в пункте 1. Если вы не меняли теги заголовков, то делаем следующее. Там же во вкладке тема над строкой ]]></b:skin> ставим

Для заголовка H1  

.Header H1 {border-bottom: 3px solid #DAA520;padding-bottom: 5px;}

Для заголовка поста 

.post-title{border-bottom:2px solid #DAA520;}

 Для заголовка гаджетов 

.sidebar .widget h2 {border-bottom:5px solid #DAA520;}

Меняйте ширину линии border-bottom:5px на желаемое и цвет линии solid #DAA520. Здесь есть таблица цветов.

5. Убрать название гаджета. 

Некоторые гаджеты в Блоггере без названия заголовка не принимаются. А иногда он просто бывает не нужен.

Вставляем в поле названия <h2></h2>

6. Убрать сайдбар у статичных страниц. 


Во вкладке ТЕМА - изменить HTML. Находим закрывающийся тег </head> и над ним устанавливаем код

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.sidebar,.footer {display:none;}
#main-wrapper{width: 95%; float: none; margin: 0 auto;}
</style>
</b:if>

Постаралась всё это уместить в одном сообщении, потому что по отдельности каждый пост получится совсем малюсеньким.

Спасибо всем за визит, за ваши вопросы и до встречи.


здесь можно оформить подписку на новые шпаргалки

Введите Ваш email


9 комментариев:

  1. Виктория, спасибо! Посмотрю как у меня! Но навбар я уже давно убрала. В воскресенье я не могла попасть в свои 2 блога и некоторые блоги коллег. Показывал ошибку 404. Я страшно перепугалась. Сейчас у меня и у некоторых читателей что-то случилось с гаджетом "Постоянные читатели". Виктория, у тебя та же проблема. Не знаешь, что происходит?

    ОтветитьУдалить
  2. Ирина, всегда глюки были, а гаджетом ПЧ вообще. Я уже тебе писала что его уже сколько лет грозятся убрать. Зашла на твои блоги , да выдаёт 404. А свой гаджет ПЧ нормально вижу.
    Подождать надо. Исправят.

    ОтветитьУдалить
    Ответы
    1. Виктория, спасибо! Я страшно перепугалась! И сейчас делаю новый пост в Васькин блог. Постоянно глючит. Поставила его на пятницу 27 октября. Может к пятнице все станет нормально. Исправлю тогда кое-что. Гаджет ПЧ во всех блогах устаканился.

      Удалить
  3. Ирина, даётся что и блоггер сегодня трясло за новой хакерской атаки. Новости смотрела?

    ОтветитьУдалить
    Ответы
    1. Виктория, я смотрела новости. То был вирус Петя, а сейчас появился BAD RABBIT - Плохой Кролик! Мне страшно становится за свои компьютеры на работе и дома. На работе у меня совсем старенький, уже еле дышит.

      Удалить
  4. Девочки, у меня тоже при заходе на блог "Записки библиотекаря" выходила надпись "ошибка 404". Я просто зашла внутрь блога, походила по страницам, потом почистила браузер Гугл (история - удалить за всё время). Вышла из блога и всё заработало. Может, это помогло, а может, Блогер исправился. А вчера с ПЧ творится то же самое, что пишет Ирина Михайловна Полещенко. Причем, во всех блогах. Наверно, отголоски вирусной атаки...Будем ждать результатов...

    ОтветитьУдалить
    Ответы
    1. Мирослава Польская, такое иногда случается. Уж сколько всяких глюков было. Нужно просто без паники переждать. Куки вообще периодически чистить нужно - только лучше будет.

      Удалить
  5. Виктория, ты меня успокоила. Для всех нас это ведь катастрофа! Ты думаешь, что все исправится? И мы опять будем веселы и счастливы со своими блогами?

    ОтветитьУдалить
    Ответы
    1. Ирина, не впервой. катастрофы не вижу бывало и хуже. Всё будет ОК.

      Удалить

Пользовательский поиск
Foto Saya
My Photo