Новое в блоге
Loading...
23 мая 2012 г.

Виджет - выпадающее меню для ярлыков в Blogger

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

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

Во - первых, Вы должны сделать резервную копию вашего существующего шаблона. Это гарантирует, что вы можете легко восстановить  работающий шаблон в случае, если Вы сделаете ошибку. Для продолжения этого урока, Вы должны убедиться в наличии виджета "Ярлыков" на боковой панели. Если этого гаджета нет, тогда добавте его. Теперь приступим.
Перейти в Шаблон - Изменить HTML в панели инструментов Blogger. При помощи комбинаций клавиш (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. Текст, Выберите ярлык- Вы можете заменить на свой.

 Вот вроде и всё. Удачи. До новых встреч.

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

7 коммент. :

  1. А  посмотреть где-то можно? 

    ОтветитьУдалить
  2. Пока ни где.Будет время сделаю демо-тогда посмотрите.

    ОтветитьУдалить
  3. А как поменять ширину виджета?

    ОтветитьУдалить
  4. Помоему он должен автоматически принять ширину вашей боковой панели.

    ОтветитьУдалить
  5. все эти коды весьма сомнительны и выкладывают их в основном люди которые понятия не имеют о чем пишут. просто тупо тырят друг у друга а сами ничего не шарят. ни на одном блоге со статьей о выпадающем меню я такового не наблюдала на блоге хозяина:))) некоторые более порядочные отсылают на сайт англоязычного разработчика. мол разбирайтесь. советую протестировать всю подобную хрень на своем пробном блоге...

    ОтветитьУдалить
  6. А Где Расширить шаблоны виджета?

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

 
Footer