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

Выпадающее меню на 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-->

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

Posted in: Blogger