Захотелось мне добавить гаджет над шапкой в Blogger. Но по умолчанию в блоке header всего один гаджет - "Заголовок". В этот же гаджет можно и добавить картинку со своей шапкой для блога.
Иногда необходимо добавить баннер, объявление, бегущую строку и др. Инструкция оказалась очень простой. Так можно вставлять несколько гаджетов как над шапкой, так и под ней.
1. Делаем резервную копию шаблона блога на всякий случай.
2. Переходим в настройках блога слева в меню в пункт Тема. Нажимаем Изменить HTML.
3. Далее в списке виджетов выбираем Header1
4. Поднимаемся на строку выше и видим код
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
5. В этом коде нам нужно сделать всего 2 простых изменения:
1) цифру '1' заменить на цифру '2' или более (в зависимости от количества гаджетов, которые будете добавлять в блок header)
2) заменить значение 'no' на 'yes' (чтобы гаджеты отображались)

6. Далее переходим в пункт Дизайн. Нажимаем кнопку F5, чтобы обновить страницу в браузере. И видим, что над гаджетом Заголовок появилась надпись Добавить гаджет.
И сейчас можем над шапкой, а потом переместить под шапку, если необходимо, любой из гаджетов для Blogger.
Если же у Вас, как и у меня, после добавления гаджета над шапкой видно фон, который был первоначально настроен в шаблоне:
То нужно перейти в конструктор тем и в пункте Дополнительно -> Фон -> Фон верхнего колонтитула нужно поставить прозрачный.
Я пока добавила над шапкой блога в Blogger гаджет HTML/JavaScript, а в него код бегущей строки со ссылками.
Потом и другие гаджеты попробую добавить. Не забывайте, что простым перетаскиванием в блоке header расположение гаджетов можно менять: размещать над или под шапкой (гаджетом "Заголовок").
Иногда необходимо добавить баннер, объявление, бегущую строку и др. Инструкция оказалась очень простой. Так можно вставлять несколько гаджетов как над шапкой, так и под ней.
Как добавить гаджет над шапкой в Blogger
1. Делаем резервную копию шаблона блога на всякий случай.
2. Переходим в настройках блога слева в меню в пункт Тема. Нажимаем Изменить HTML.
3. Далее в списке виджетов выбираем Header1
4. Поднимаемся на строку выше и видим код
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
5. В этом коде нам нужно сделать всего 2 простых изменения:
1) цифру '1' заменить на цифру '2' или более (в зависимости от количества гаджетов, которые будете добавлять в блок header)
2) заменить значение 'no' на 'yes' (чтобы гаджеты отображались)

6. Далее переходим в пункт Дизайн. Нажимаем кнопку F5, чтобы обновить страницу в браузере. И видим, что над гаджетом Заголовок появилась надпись Добавить гаджет.
И сейчас можем над шапкой, а потом переместить под шапку, если необходимо, любой из гаджетов для Blogger.
Если же у Вас, как и у меня, после добавления гаджета над шапкой видно фон, который был первоначально настроен в шаблоне:
То нужно перейти в конструктор тем и в пункте Дополнительно -> Фон -> Фон верхнего колонтитула нужно поставить прозрачный.
Я пока добавила над шапкой блога в Blogger гаджет HTML/JavaScript, а в него код бегущей строки со ссылками.
Потом и другие гаджеты попробую добавить. Не забывайте, что простым перетаскиванием в блоке header расположение гаджетов можно менять: размещать над или под шапкой (гаджетом "Заголовок").
Спасибо, Мария! Я постоянно удивляюсь, когда вижу в некоторых блогах такие гаджеты. Все думаю, как они их туда поставили. А теперь мне все понятно!
ОтветитьУдалитьЭтот комментарий был удален автором.
ОтветитьУдалитьЭтот комментарий был удален автором.
ОтветитьУдалитьНе получается. Даже фон не меняется.
ОтветитьУдалитьЗдравствуйте. Шаг 6 выполнили "переходим в пункт Дизайн. Нажимаем кнопку F5, чтобы обновить страницу в браузере"? У меня тоже в тестовом блоге сразу получилось, а в этом никак не появлялась надпись "Добавить гаджет", пока не обновила страницу в браузере.
УдалитьМария, в тестовом блоге все получается. В основном блоге не выполняется пункт 5. После изменения темы выдает:"More than one widget was found with id: HTML5. Widget IDs should be unique". И тема не сохраняется. Предполагаю что, что-то накручено внутри блога. Даже простая настройка фона - не меняется.
ОтветитьУдалитьЗдравствуйте, Татьяна. Скорее всего, у Вас в блоге уже есть гаджет HTML5, поэтому такая ошибка возникает. В шаге 3 можно посмотреть список всех гаджетов.
УдалитьА как сделать чтобы изображение в гаджете было по центру?
ОтветитьУдалитьКак поставить изображение в гаджете по центру?
ОтветитьУдалить