Ярлыки Blogger в выпадающем меню

Ярлыки или ещё их называют теги, метки, ключевые слова в блоге нужны для удобства навигации. Для того, чтобы посетитель мог быстро найти все сообщения на интересующую его тему. Устанавливать мы их можем через запятую непосредственно в редакторе сообщений при написании поста.

Если вы это уже освоили и завели себе хорошую привычку снабжать каждое сообщение в вашем блоге метками, то вам потребуется установить гаджет "Ярлыки", если вы это ещё не сделали.

Есть возможность оформить этот гаджет списком или в виде облака тегов. У того и другого варианта есть один недостаток, они занимают пространство на боковой панели. Когда ярлыков становится слишком много, боковая панель может быть длиннее страницы сообщения, что не рационально и смотрится некрасиво.

Есть вариант оформить ярлыки в виде выпадающего меню. В этом случае не потребуется дополнительное пространство для их расположения.

Выглядеть это будет примерно вот так:

Ярлыки
Настройки
Гаджеты
Кнопки
Безопасность блога

Итак, делаем настройки в гаджете "Ярлыки", устанавливая показ в виде списка. Далее, идём в Дизайн > Изменить HTML, делаем резервное копирование, устанавливаем флажок "Расширить шаблоны виджета", находим код:

    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>

И вместо него устанавливаем такой:

  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>
<option>Ярлыки</option>
   <b:loop values='data:labels' var='label'>
      <option expr:value='data:label.url'><data:label.name/>
         (<data:label.count/>)
      </option>
   </b:loop>
</select>

Сохраняем шаблон и, если вы всё сделали правильно, ваши ярлычки теперь в выпадающем меню.