Всем привет! Этот урок для тех у кого мало места на боковой панели. Многие пользователи Blogger имеют длинный список ярлыков (теги, метки) и они занимают слишком много драгоценного места. Хотя Blogger предлагает выпадающее меню, но только для   архивов. Поэтому  я покажу как можно сделать аккуратное выпадающее меню и для ярлыков. С этим меню мы освободим место на боковой панели, для более полезного гаджета, информации или место для рекламы.

Как создать выпадающее меню для ярлыков


Во-первых, Вы должны сделать резервную копию вашего существующего шаблона. Это гарантирует, что вы можете легко восстановить  работающий шаблон в случае, если Вы сделаете ошибку. Для продолжения этого урока, Вы должны убедиться в наличии виджета "Ярлыков" на боковой панели. Если этого гаджета нет, тогда добавте его. Теперь приступим.
Перейти в  Шаблон -Изменить HTML. При помощи комбинаций клавиш Ctrl+F найти эту строку:
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
Выделите эту полную линейку и замените его следующим кодом:

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
 <b:if cond='data:title'>
   <h2><data:title/></h2>
 </b:if>
 <div class='widget-content'>


<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
   <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>
   <b:include name='quickedit'/>
 </div>
</b:includable>
</b:widget>

Теперь посмотрите изменения, внесенные в шаблон. Вы должны увидеть аккуратное выпадающее меню. Если всё выглядит хорошо, Вы можете сохранить шаблон Blogger.
Текст, который может быть изменен на Ваш, выделен в коде зелёным цветом. Вот и вроде всё. Желаю удачи.

Может Вам понравится эффект движения ярлыков.


Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями в соцсетях:


13 коммент. :

  1. спасибо, как всегда, отличный пост

    ОтветитьУдалить
  2. отличный блог!!! я в полном восторге, все просто и понятно для таких как я )

    ОтветитьУдалить
  3. Спасибо большое. Я и пишу что бы было понятно всем начинающим.

    ОтветитьУдалить
  4. У МЕНЯ НЕ ВСТАЛ ЭТОТ КОД.ЧТО Я ДЕЛАЮ НЕ ТАК?

    ОтветитьУдалить
  5. Здравствуйте! а подскажите как сделать выпадающие вкладки на горизонтальной строке со страницами

    ОтветитьУдалить
    Ответы
    1. Привет,Евгения! Вам горизонтальное выпадающее меню надо?

      Удалить
  6. Сергей! мне надо когда наводишь мышкой на вкладку страницы выпадали дополнительные вкладки этой странички. а можно в скайпе с вами пообщаться? Заранее спасибо!!!

    ОтветитьУдалить
    Ответы
    1. Со страницами нельзя.Сделайте выпадающее меню со ссылками на страницы.

      Удалить
  7. Ответы
    1. Пожалуйста у меня в блоге - http://shkolablogger.ru/gorizontalnoe-vyipadayushhee-menyu-dlya-bloga.html там много полезной информации и инструкций.

      Удалить
    2. Спасибо вам! Попробую сделать!

      Удалить