Меню для блога

Меню 1

Нашла интересное меню с множеством вкладок. Удобно тем, что оно всегда перед глазами.
Подобные видела на многих сайтах, но в другом цвете.

Меню можно оформить под цвет своего блога.
Для оформления вкладок одинаковым цветом, меняйте значения: background:#f8f8ff; background: #eee; background-color: #ccc;
Количество ссылок можно как увеличить, так и уменьшить.
Код вставляем при помощи HTML/JavaScript, добавить гаджет-вставить-сохранить в футер блога.
Код:

Меню 2

Ещё один код меню, которое прокручивается вместе со страницей и постоянно перед глазами. Можно поменять цвет.
Вставляется код меню при помощи HTML/JavaScript, добавить гаджет-вставить-сохранить в любое место блога.
Код:

#1D1D1D - это цвет фона меню

#2b2a2a - цвет при наведении мыши
Ссылка на страницу - URL адрес

Название - заголовок сообщения
heidgt:45px; - высота меню

left:50%; - отступ от левого края;
Строка font-size:12px; - размер шрифта
Вы можете добавлять сколько угодно ссылок, добавляя строку
<li><a href="адрес">название</a></li>

Меню 3

И последний код меню - вертикальное с прокруткой.

Код:
<div class="widget-content">
<ul style="height:200px;width:250px; overflow:auto; ">
<li><a href="ссылка">Ваш Tекст</a></li>
<li><a href="ссылка">Ваш Tекст</a></li>
<li><a href="ссылка">Ваш Tекст</a></li>
<li><a href="ссылка">Ваш Tекст</a></li>
<li><a href="ссылка">Ваш Tекст</a></li>
<li><a href="ссылка">Ваш Tекст</a></li>
<li><a href="ссылка">Ваш Tекст</a></li>
<li><a href="ссылка">Ваш Tекст</a></li>
<li><a href="ссылка">Ваш Tекст</a></li>
<li><a href="ссылка">Ваш Tекст</a></li>
<li><a href="ссылка">Ваш Tекст</a></li>
<li><a href="ссылка">Ваш Tекст</a></li>
<li><a href="ссылка">Ваш Tекст</a></li>
<li><a href="ссылка">Ваш Tекст</a></li>
<li><a href="ссылка">Ваш Tекст</a></li>
<span style="font-weight:bold;"></span>
</ul></div>

Копируете код, который видите выше и вставляйте как и два первых гаджетом: дизайн-добавить гаджет-Html/JavaScript-вставить-сохранить.
Строки https://inshabashka.blogspot.com/ - это адрес ссылки, впишите свой;
height - высота; width - ширина;
Если ссылок у вас меньше, чем в коде, удалите лишние строки:
<li><a href="Ваш адрес ссылки/">Ваш текст</a></li>
Или если мало - добавьте.

Генераторы меню

В сети много генераторов менюшек. В основном на CSS, а значит они не увеличивают сильно загрузку страницы и это большой плюс. Разнятся меню только размерами, цветом и некоторыми функциями. Сайты в основном на английском языке, но можно включить переводчик. Только когда копируете код, для вставки на сайт, верните язык на место, иначе код может не сработать.
https://cssportal.com/css3-menu-generator/