Создание выпадающего меню

Заходим в темы.

Настроить.

Дополнительно.

Добавить СSS

Вставляем:

.tabs-outer, .tabs .widget ul {overflow: visible;}

.tabs .widget ul li {position: relative; z-index: 1000;}

.tabs .widget ul li a:nth-child(n+2) {position: absolute; bottom: -100%; left: 0; z-index: 2000; width: 20em; border-radius: 0; display:none;}

.tabs .widget ul li a:nth-child(3) {bottom: -200%;}

.tabs .widget ul li a:nth-child(4) {bottom: -300%;}

.tabs .widget ul li a:nth-child(5) {bottom: -400%;}

.tabs .widget ul li a:nth-child(6) {bottom: -500%;}

.tabs .widget ul li a:nth-child(7) {bottom: -600%;}

.tabs .widget ul li a:nth-child(8) {bottom: -700%;}

.tabs .widget ul li a:nth-child(9) {bottom: -800%;}

.tabs .widget ul li a:nth-child(10) {bottom: -900%;}

.tabs .widget ul li:hover a {display: inline-block; box-shadow: none; background: rgba(0,61,118,.95);}

.tabs .widget ul li:hover a:hover {color: rgba(66,170,255,1);}

Теперь

Дизайн.

Добавить гаджет.

HTML/JawaScript +

 Название- Root

Вставляем

<ul id="jsddm">

<li><a href="###">Главная</a>

<li><a href="###">Menu 1</a>

<ul>

<li><a href="###">Подменю 1-1</a></li>

<li><a href="###">Подменю 1-2</a></li>

<li><a href="###">Подменю 1-3</a></li>

</ul>

</li>

<li><a href="###">Menu 2</a>

<ul>

<li><a href="###">Подменю 2-1</a></li>

<li><a href="###">Подменю 2-2</a></li>

</ul>

</li>

<li><a href="###">Menu 3</a>

<ul>

<li><a href="###">Подменю 3-1</a></li>

<li><a href="###">Подменю 3-2</a></li>

<li><a href="###">Подменю 3-3</a></li>

<li><a href="###">Подменю 3-4</a></li>

</ul>

</li>

<li><a href="###">Menu 4</a></li>

<li><a href="###">Menu 5</a></li>

<li><a href="###">Школа Blogger(а)</a></li>

</li></ul>

и изменяем, вставляем свои ссылки и названия

<ul id="jsddm">

<li><a href="http://tischenko7.blogspot.com/">Главная</a>

<li><a href="###">Проектирование</a>

<ul>

<li><a href="http://tischenko7.blogspot.com/2017/03/blog-post_5.html#more">Создание блога</a></li>

<li><a href="http://tischenko7.blogspot.com/2017/02/blog-post_28.html#more">Cоздание сайта</a></li>

<li><a href="http://tischenko7.blogspot.com/2017/02/blog-post_93.html">Первые шаги проектирования</a></li>

</ul>

</li>

<li><a href="###">Статьи</a>

<ul>

<li><a href="http://tischenko7.blogspot.com/p/blog-page_11.html">Статьи</a></li>

<li><a href="http://tischenko7.blogspot.com/2017/02/blog-post_26.html">Открытый урок</a></li>

</ul>

</li>

<li><a href="###">Menu 3</a>

<ul>

<li><a href="http://tischenko7.blogspot.com/p/blog-page_17.html">Обо мне</a></li>

<li><a href="http://tischenko7.blogspot.com/p/blog-page_30.html">Правила</a></li>

</ul>

</li>

<li><a href="http://tischenko7.blogspot.com/p/blog-page_6.html">Мастер-класс</a></li>

<li><a href="http://tischenko7.blogspot.com/p/blog-page.html">Киномания</a></li>

</li>

</ul>

Наводим и