Как добавить гаджет над шапкой в Blogger

17.12.2017

 Захотелось мне добавить гаджет над шапкой в Blogger. Но по умолчанию в блоке 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 расположение гаджетов можно менять: размещать над или под шапкой (гаджетом "Заголовок").

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

  1. Спасибо, Мария! Я постоянно удивляюсь, когда вижу в некоторых блогах такие гаджеты. Все думаю, как они их туда поставили. А теперь мне все понятно!

    ОтветитьУдалить
  2. Этот комментарий был удален автором.

    ОтветитьУдалить
  3. Этот комментарий был удален автором.

    ОтветитьУдалить
  4. Не получается. Даже фон не меняется.

    ОтветитьУдалить
    Ответы
    1. Здравствуйте. Шаг 6 выполнили "переходим в пункт Дизайн. Нажимаем кнопку F5, чтобы обновить страницу в браузере"? У меня тоже в тестовом блоге сразу получилось, а в этом никак не появлялась надпись "Добавить гаджет", пока не обновила страницу в браузере.

      Удалить
  5. Мария, в тестовом блоге все получается. В основном блоге не выполняется пункт 5. После изменения темы выдает:"More than one widget was found with id: HTML5. Widget IDs should be unique". И тема не сохраняется. Предполагаю что, что-то накручено внутри блога. Даже простая настройка фона - не меняется.

    ОтветитьУдалить
    Ответы
    1. Здравствуйте, Татьяна. Скорее всего, у Вас в блоге уже есть гаджет HTML5, поэтому такая ошибка возникает. В шаге 3 можно посмотреть список всех гаджетов.

      Удалить
  6. А как сделать чтобы изображение в гаджете было по центру?

    ОтветитьУдалить
  7. Как поставить изображение в гаджете по центру?

    ОтветитьУдалить

Kwork.ru - услуги фрилансеров от 500 руб.

Загляните и на другие страницы ^