понедельник, 18 марта 2013 г.

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

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

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

Есть вариант оформить ярлыки в виде выпадающего меню. В этом случае не потребуется дополнительное пространство для их расположения.
Выглядеть это будет примерно вот так:
Итак, делаем настройки в гаджете "Ярлыки", устанавливая показ в виде списка. Далее, идём в Шаблон > Изменить HTML,








Делаем резервное копирование и  в 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>


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

12 комментариев:

  1. Спасибо, Маша. Каждый день узнаю что-то новое. Попробую на своих блогах использовать.

    ОтветитьУдалить
  2. Спасибо, Маша, но никогда не обращала внимания на ЯРЛЫКИ. Пишу себе и пишу: их не видно, мне не мешают. Вообще думала, что это для поисковиков и даже не поняла, почему сейчас они на лицевой стороне блога.

    ОтветитьУдалить
  3. Машенька, очень красивый блог, прелесть!
    А за полезность огромная благодарность-давно хочу сделать ярлыки!!! Буду пробовать!

    ОтветитьУдалить
    Ответы
    1. Спасибо, Люба! При написании добавила несколько своих картинок, чтобы было более понятно. У меня получилось сразу.

      Удалить
  4. СПасибо,Машенька за полезность.Буду пробовать.

    ОтветитьУдалить
    Ответы
    1. У меня сразу получилось, увидела большой список ярлыков и сделала.

      Удалить
  5. Мария, дизайн блога порадовал- стильно, бизнесово, классно. Видно, что вы стремительно растете, вы по натуре Лидер-и уже видно, что и в интернете есть новый лидер-интернет-предприниматель. Успеха!

    ОтветитьУдалить
  6. Оля, спасибо! Смотрю на твои работы и радуюсь. Сама знаешь, как приятно творить.

    ОтветитьУдалить
  7. Мария! За Вами не угнаться! беру пример с Вас, но отстаю семимильными шагами!Попробую, хотя в моем блоге ярлыке вроде бы не навязчиво стоят.

    ОтветитьУдалить
  8. Двигаюсь не так быстро, ем этого "слона" кусочками.

    ОтветитьУдалить
  9. А я почему-то не люблю пользоваться ярлыками-метками: удобнее искать информацию через "поиск". Хотя, возможно, кому-то удобнее именно ярлыки.

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