Выпадающее меню на blogger

Гаджет "Выпадающее меню" на blogger позволяет сделать навигацию по сайту гораздо удобнее и сохранить место на главной странице.

Пример гаджета можно посмотреть на тестовом блоге

Установка гаджета "Выпадающее меню"

1.Дизайн-Изменить HTML

2.Находим строчку </head> с помощью комманды CTRL+F

3. Перед ней вставляем 

<!--MULTI-LEVEL-DD-MENU-STARTS--> <link href='http://forum.wafl.ru/files/freeman/DDM1_style.css' rel='stylesheet' type='text/css'/> <script src='http://forum.wafl.ru/files/freeman/DDM1_script.js' type='text/javascript'/> <!--MULTI-LEVEL-DD-MENU-http://beliber-da.blogspot.com-->

4. Сохраняем шаблон
5.Дизайн-Элементы страницы-HTML/Javascript
6.Вставляем код

<!--MULTI-LEVEL-DD-MENU-STARTS--> <ul id="menu" class="menu"> <li><a href="#" class="menulink">Меню №Раз</a> <ul> <li><a href="#">Меню 1 - пункт 1</a></li> <li><a href="#">Меню 1 - пункт 2</a></li> <li><a href="#">Меню 1 - пункт 3</a></li> <li><a href="#">Меню 1 - пункт 4</a></li> <li><a href="#">Меню 1 - пункт 5</a></li> </ul> </li> <li><a href="#" class="menulink">Меню №Два</a> <ul> <li><a href="#">Меню 2 - пункт 1</a></li> <li><a href="#">Меню 2 - пункт 2</a></li> <li><a href="#">Меню 2 - пункт 3</a></li> <li><a href="#">Меню 2 - пункт 4</a></li> <li><a href="#">Меню 2 - пункт 5</a></li> </ul> </li> <li><a href="#" class="menulink">Меню №Три</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> <li><a href="#">Меню 3 - пункт 5</a></li> </ul> </li> <li><a href="#" class="menulink">Меню №Четыре</a> <ul> <li><a href="#">Меню 4 - пункт 1</a></li> <li><a href="#">Меню 4 - пункт 2</a></li> <li><a href="#">Меню 4 - пункт 3</a></li> <li><a href="#">Меню 4 - пункт 4</a></li> <li><a href="http://beliber-da.blogspot.com/">БелиберDA</a></li> </ul> </li> </ul> <script type="text/javascript"> var menu=new menu.dd("menu"); menu.init("menu","menuhover"); </script> <!--MULTI-LEVEL-DD-MENU-http://beliber-da.blogspot.com-->

"href='http://forum.wafl.ru/files/freeman/DDM1_style.css'" во второй строчке кода.скопируйте ссылку и перейдите по ней.там увидите css код.скопируйте его себе на компьютер и проведите нужные изменения.потом перезалейте файл на хостинг и замените старую ссылку на новую.

в том месте, где вы хотите видеть выпадающее меню на blogger.