Выпадающее меню рубрик в сайдбаре блога


В сайдбаре блога сделала "Избранное" в виде выпадающего меню.

Скрипт позаимствовала в статье "Добавляем выпадающее меню в сайдбар" на блоге "BloggFast: Всё о Блогах на Blogspot".
Адаптировав скрипт для своего блога, получила:
<div class="widget-content">
<br />
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" style="width: 240px;">
<option selected="selected" value="0"> Название рубрики </option>
<option value="http://exp13blog.blogspot.com/search/label/Виджеты"> Виджеты </option>
<option value="http://exp13blog.blogspot.com/search/label/Дизайн"> Дизайн </option>
<option value="http://exp13blog.blogspot.com/search/label/Кнопки"> Кнопки </option>
<option value="http://exp13blog.blogspot.com/search/label/Полезные советы"> Полезные советы  </option>
</select><br /><br /><br /></div>
Этот скрипт вставила в гаджет "HTML/Java Script":
Дизайн → Добавить гаджет → HTML/Java Script

Примечания:

  1. 240px - ширина окошка меню (можно изменить).
  2. "http://exp13blog.blogspot.com/search/label/Виджеты" - ссылка на ярлык "Виджеты" (аналогично проставляются ссылки на другие ярлыки).
  3. В виджет можно добавлять новые строчки (по мере добавления новых рубрик в блог). 

2 комментария :

  1. Выпадающее меню не обязательно должно содержать все рубрики (ярлыки) блога. Можно выбрать только избранные (по определённой теме).

    ОтветитьУдалить
  2. Этот комментарий был удален администратором блога.

    ОтветитьУдалить

В комментариях есть возможность вставлять картинку:
[img]URL на картинку[/img]
а также использовать смайлы и HTML-теги:
<b>жирный шрифт</b>
<i>курсив</i>
<a href="URL">текст ссылки</a>