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

ИСТОЧНИК:   http://all-blogger-widgets.blogspot.com/2010/10/blogger_04.html

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

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

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

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

3. Перед ней вставляем
                                          <!--{cke_protected}{C}%3C!%2D%2DMULTI-LEVEL-DD-MENU-STARTS%2D%2D%3E--> <cke:encoded>%3Clink%20href%3D'http%3A%2F%2Fforum.wafl.ru%2Ffiles%2Ffreeman%2FDDM1_style.css'%20rel%3D'stylesheet'%20type%3D'text%2Fcss'%2F%3E</cke:encoded> <script src='http://forum.wafl.ru/files/freeman/DDM1_script.js' type='text/javascript'/> <!--{cke_protected}{C}%3C!%2D%2DMULTI-LEVEL-DD-MENU-http%3A%2F%2Fbeliber-da.blogspot.com%2D%2D%3E-->

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

                                            <!--{cke_protected}{C}%3C!%2D%2DMULTI-LEVEL-DD-MENU-STARTS%2D%2D%3E--> <ul id="menu" class="menu"> <li><a data-cke-saved-href="#" href="#" class="menulink">Меню №Раз</a> <ul> <li><a data-cke-saved-href="#" href="#">Меню 1 - пункт 1</a></li> <li><a data-cke-saved-href="#" href="#">Меню 1 - пункт 2</a></li> <li><a data-cke-saved-href="#" href="#">Меню 1 - пункт 3</a></li> <li><a data-cke-saved-href="#" href="#">Меню 1 - пункт 4</a></li> <li><a data-cke-saved-href="#" href="#">Меню 1 - пункт 5</a></li> </ul> </li> <li><a data-cke-saved-href="#" href="#" class="menulink">Меню №Два</a> <ul> <li><a data-cke-saved-href="#" href="#">Меню 2 - пункт 1</a></li> <li><a data-cke-saved-href="#" href="#">Меню 2 - пункт 2</a></li> <li><a data-cke-saved-href="#" href="#">Меню 2 - пункт 3</a></li> <li><a data-cke-saved-href="#" href="#">Меню 2 - пункт 4</a></li> <li><a data-cke-saved-href="#" href="#">Меню 2 - пункт 5</a></li> </ul> </li> <li><a data-cke-saved-href="#" href="#" class="menulink">Меню №Три</a> <ul> <li><a data-cke-saved-href="#" href="#">Меню 3 - пункт 1</a></li> <li><a data-cke-saved-href="#" href="#">Меню 3 - пункт 2</a></li> <li><a data-cke-saved-href="#" href="#">Меню 3 - пункт 3</a></li> <li><a data-cke-saved-href="#" href="#">Меню 3 - пункт 4</a></li> <li><a data-cke-saved-href="#" href="#">Меню 3 - пункт 5</a></li> </ul> </li> <li><a data-cke-saved-href="#" href="#" class="menulink">Меню №Четыре</a> <ul> <li><a data-cke-saved-href="#" href="#">Меню 4 - пункт 1</a></li> <li><a data-cke-saved-href="#" href="#">Меню 4 - пункт 2</a></li> <li><a data-cke-saved-href="#" href="#">Меню 4 - пункт 3</a></li> <li><a data-cke-saved-href="#" href="#">Меню 4 - пункт 4</a></li> <li><a data-cke-saved-href="http://beliber-da.blogspot.com/" href="http://beliber-da.blogspot.com/">БелиберDA</a></li> </ul> </li> </ul> <!--{cke_protected}%3Cscript%20type%3D%22text%2Fjavascript%22%3E%0A%20%20%20%20var%20menu%3Dnew%20menu.dd(%22menu%22)%3B%0A%0A%20%20%20%20menu.init(%22menu%22%2C%22menuhover%22)%3B%0A%3C%2Fscript%3E--> <!--{cke_protected}{C}%3C!%2D%2DMULTI-LEVEL-DD-MENU-http%3A%2F%2Fbeliber-da.blogspot.com%2D%2D%3E-->   

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