Как добавить гаджет в любое место шаблона

20.02.2013

Как быть, если нужно вставить гаджет, например, под шапку сайта или над сообщением, а слов "добавить гаджет" там нет? 
Спросили меня об этом в комментариях на блоге. 
И Вы очень удивитесь, что сделать это легко и просто...
Поможет Вам простое "перетаскивание" гаджета в нужное место. Поясню на примере гаджета "Текст".

1. В любое место, например, на боковую панель, добавляем гаджет. (Инструкция, как добавить гаджет Текст - здесь).

2. Наводим курсор на изображение гаджета (в настройках блога, в "Дизайне"), зажимаем левую кнопку мыши и "тащим" гаджет над полем с сообщением. И оп-па - появляется белый прямоугольник с пунктирной рамкой, куда мы и "приземляем" наш гаджет:


3. Если Вы хотите, чтобы гаджет был шириной с шапку сайта (=верхнее меню со страницами), то для начала попробуйте вставить его между шапкой сайта и гаджетом Страницы:                                                     
 
А потом уже поменять местами гаджеты Текст и Страницы:


 4. Если гаджет никак не хочет вставать между шапкой и страницами, тогда сначала гаджет "Страницы" переместите в положение над сообщением:

И тогда на его месте появится блок со словами Добавить гаджет. Куда можно вставить любой гаджет или перетащить уже созданный ранее гаджет Текст.

Главное, чтобы всё это хорошо вписывалось в дизайн Вашего блога.

Точно также можно вставлять гаджеты под сообщение.

P. S. Если эта статья была полезна для Вас - может, она пригодится кому-то еще? Кликните по "социальным кнопкам" и поделитесь с другими новичками!

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

  1. Спасибо большое. Действительно все как дважды два)

    ОтветитьУдалить
  2. Большое спасибо за подсказку. Все получилось.

    ОтветитьУдалить
  3. помогите мне, я попробувал и мне тепер блог непоказивает, незагружаетса страница

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

      Удалить
  4. Скажите пожалуйста как в шаблоне "Ethereal" изменить размер гаджета под заголовком, чтоб вместо одного, можно было вставить несколько? Например: Обо мне, О блоге, Контакты и т.д.

    ОтветитьУдалить
  5. А как перетащить гаджет на телефоне андроид, ну если нет компа у меня !?

    ОтветитьУдалить
  6. А как перетащить гаджет на телефоне андроид, ну если нет компа у меня !?

    ОтветитьУдалить
  7. А как перетащить гаджет на телефоне андроид, ну если нет компа у меня !?

    ОтветитьУдалить
    Ответы
    1. К сожалению, не знаю ответа на этот вопрос, т.к. не пользовалась таким телефоном...

      Удалить
  8. Здравствуйте, Мария.Как поместить гаджет над шапкой (новогодний)?

    ОтветитьУдалить
    Ответы
    1. Здравствуйте. Можно новогодние колокольчики разместить (http://samasajt.blogspot.ru/2013/12/blogger.html) или этим способом другие картинки добавить (http://samasajt.blogspot.ru/2014/01/kartinka-v-verhnih-uglah-bloga.html)

      Удалить
    2. у меня вот такая беда http://posidelochki.blogspot.ru/ а если ссылки , то куда их поместить?

      Удалить
    3. Можно подробнее - в чем проблема и какие ссылки? куда поместить?

      Удалить
  9. Хотела установить гаджет под шапку на блогспот, ничего не получилось.

    ОтветитьУдалить
    Ответы
    1. Проблемы могут возникнуть, если у Вас шаблон от сторонних разработчиков.

      Удалить
  10. Этот комментарий был удален администратором блога.

    ОтветитьУдалить
  11. А если шаблон нестандартный?
    Можно менять ширину и прочее?
    Только только осваиваю CSS, пока теряюсь

    ОтветитьУдалить
    Ответы
    1. Здравствуйте. Все зависит от знаний и желания ;) Если Вы всерьез освоите CSS, HTML, структуру шаблона, то, конечно, можно. Создать "тренировочный "блог и проводить эксперименты. Совсем новичкам в Blogger конструктора тем достаточно :)

      Удалить

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

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