Выпадающее меню не раскрывается на Блоггере

Добрый день! Нашла несколько интересных выпадающих горизонтальных меню, которые устанавливаются под шапкой блога, хотела поделиться кодами с вами, но при проверке работоспособности на тестовом блоге, меню не выпадало. Стала искать информацию в интернете о том, как исправить данную ошибку и оказалось, что на Блоггере такая проблема частая. Но исправляется она легко.

Исправляем меню

Если установив меню, вы видите что вкладки не выпадают, нужно будет узнать название (номер) гаджета меню. Для этого, кликаем правой кнопкой мыши по меню, которое не желает нормально устанавливаться. В  контекстном меню выбираем Исследовать код элемента (или похожее) и узнаём название гаджета:

Смотрим название элемента:

Идем в Тема/Изменить HTML:

Нажимаем кнопку Гаджеты и перед нами открывается список, в котором ищем нужный нам.

Теперь нам требуется найти строчку (или похожую на неё): 

<b:section class='tabs' id='crosscol-overflow' showaddelement='no'>

Чтобы меню заработало, нужно изменить значение атрибута - tabs, на любое другое. Например: menu. Так же заменяем id, но название ему даём немного другое, например, menu_1. Должно получится:

<b:section class='menu' id='menu_1' showaddelement='no'>

Сохраняем шаблон.

После исправлений меню должно заработать. Если этого не произошло, то делаем ещё одно изменение в шаблоне. 

Вызываем поисковую строку сочетанием клавиш на клавиатуре ctrl+f. Вставляем в поиск строку .tabs-outer, нажимаем Enter на клавиатуре. Нужных строк в шаблоне может быть несколько, нам необходим тот, который находится выше строки ]]></b:skin> (там, где расположены стили CSS). Как только найдём нужное, удаляем в шаблоне строку - overflow: hidden;

Теперь меню должно точно заработать.

А коды раскрывающихся меню, про которых хотела написать сегодня, буду публиковать в следующей статье.