Убираем
панель NovBar.
В окно справа, вставляем следующий код:
И еще. При работе с разными шаблонами, вы будете часто сталкиваться и с разной разметкой. В некоторых случаях
Именно поэтому я вам рекомендую каждый раз открывать инструмент разработчика в гугл хроме. и смотреть код!
Эти простые рекомендации помогут вам сделать ваш блог более привлекательным. Какие из них вам использовать, все зависит от вашего вкуса, главное, что вы теперь всегда будете знать, как изменить ваш блог.
Осталось удалить надпись "Технологии блогер"
Теперь уберем текст "Сообщения Atom"
В некоторых блогах я видел эти панели, но все зависит от
пожеланий и вкусов автора. Вообще, конечно, удобно для редактирования блога
сразу заходить в него через эту панель.
Но мы с вами рассмотрим два варианта. Как
удалить панель NovBar из blogspota.
1.Вариант
первый – полное удаление
панели.
Здесь все проще простого. Идем в «Дизайн» и вверху находим панель NovBar
Как на картинке.
Нажимаем изменить и в открывшейся вкладке выбираем «Выключено».
Сохраняем. Всё дело сделано.
Способ очень
простой, но иногда бывает необходимость. Чтобы данная панель была видна при
наведении на нее стрелки курсора. Для этого воспользуемся вариантом 2
2.Вариант
второй: панель видна только при наведении курсора.
Идем во вкладку «Шаблон»
= > «Настроить» = > «Дополнительно». Справа, прокручиваем
все вниз, до - «Добавить CSS»
В окно справа, вставляем следующий код:
#navbar-iframe {
opacity: 0;
}
#navbar-iframe:hover {
opacity:
0.5;
}
Сохраняем. Теперь у нас почти все получилось, но
вверху остается пространство пустое, которое лучше все-таки убрать.
Для этого идем опять в «Шаблон» = > «Изменить HTML».
Левой кнопкой мыши щелкаем на пустом поле и нажимаем
Ctrl+F.
В окошко справа вводим:
body.mobile
{
Прямо перед ней вводим код:
body .navbar {height: auto;}
Получается, как на картинке.
Сохраняем и проверяем.
Должно получиться как у меня в пробном блоге : http://trainingforbloger.blogspot.ru/
В некоторых случаях это может не сработать, поэтому придется либо убрать панель полностью —
либо сделать это пространство в цвет шапки блога —
(введите ваше значение цвета, который должен соответствовать цвету, ниже расположенной шапки блога)
body .navbar {display: none;}
,
либо сделать это пространство в цвет шапки блога —
body .navbar {background-color:#----;}
(введите ваше значение цвета, который должен соответствовать цвету, ниже расположенной шапки блога)
И еще. При работе с разными шаблонами, вы будете часто сталкиваться и с разной разметкой. В некоторых случаях
navbar
может быть не классом, а идентификатором, или вообще быть не navbar
. Именно поэтому я вам рекомендую каждый раз открывать инструмент разработчика в гугл хроме. и смотреть код!
Эти простые рекомендации помогут вам сделать ваш блог более привлекательным. Какие из них вам использовать, все зависит от вашего вкуса, главное, что вы теперь всегда будете знать, как изменить ваш блог.
Осталось удалить надпись "Технологии блогер"
Теперь уберем текст "Сообщения Atom"
Комментариев нет:
Отправить комментарий