суббота, 29 сентября 2012 г.

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

Обычно такое меню делают для архивов, но я хочу рассказать о том, как подобное меню можно создать для любой страницы вашего блога. Для примера давайте выберем наиболее популярный из них - рубрики. Обычно выставляют на показ все и, наверное, правильно делают, так как навигационные функции при этом выигрывают и не каждый посетитель сможет разобраться в функции выпадающего меню.
В чем  действительный выигрыш - место на странице  такой блок занимает   значительно меньше. Функцию выпадающего меню на своем блоге  я сделал для архивовов, можете увидеть. А как сделать для рубоик?  Делается это очень просто, например как та же, как доставка грузов по Москве и России компанией Транс Логистик , а может быть еще проще.
"Шагаем" в "Дизайн", "Добавить виджет" и выбираем  HTML/JavaScript.

Теперь нужно вставить код. такого вида
<div class=»widget-content»>
<br />
<select name=»menu» onchange=»window.open(this.options[this.selectedIndex].value,’_blank’)» size=»1″ style=»width: 160px;»><option selected=»selected» value=»0″>
<option value=»URL  страницы«>Название рубрики</option>
..... далее перечисляем все нужные страницы ваших рубрик (по выбору или все) ....
</select><br />
<br />
<br /></div>
Например для страницы моей рубрики " SEO-оптимизация", она будет выглядеть так:
<option value=» http://mixajluta.blogspot.com/search/label/SEO-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F«>SEO-оптимизация</option>
Все: сохраняем виджет и располагаем блок на блоге  в нужном для вас месте.
Удачи!

Понравился блог - подпишись на обновления!

Введите Ваш emai-адрес:

Популярные сообщения

Related Posts Plugin for WordPress, Blogger...