Главная » » Теги для блога - выпадающее меню

Теги для блога - выпадающее меню

Автор поста: Микола Питеков | 27.06.2012 | 22:58

Выпадающее меню для тегов
Много раз видел в интернете блоги у которых очень много тегов. Они ели умещаются на страницу блога. Возникла мысль о том, как упразднить и уменьшить виджет тегов, без потерь, что бы все теги оставались в виджете. Для чего уменьшать стандартный виджет, ответ прост для экономии места на блоге. При большом количестве тегов, список, стандартное отображение, облако тегов будет выглядеть нелепо.

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

И так, способ создать выпадающее меню для тегов:
  1. Первое что необходимо сделать это сохранить копию шаблона. На случай непредвидимых обстоятельств или просто, если не понравиться новый вид виджета ярлыков.

  2. Второе создать виджет ярлыков, если его нет.

  3. Третье. Заходим в редактор – дизайн – изменить HTML . Расширяем шаблоны, ставя галочку в соответствующее место.

  4. Четвертое. Воспользовавшись поиском (CTRL + F) ищем строчку в коде шаблона:
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Для тех кто только что создал виджет.
<b:widget id='Label1' locked='false' title='Ваше Название' type='Label'/>

Для тех, у кого уже есть виджет, вместо Labels в title пишите ваше название виджета.

Теперь заменяем все от найденной строчки до строчки </b:widget>

<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>

Все, сохраните виджет и смотрите что получилось. Если что то пошло не так, загрузите ранее сохраненную копию шаблона на блог. За название в кошке отвечает строчка

<option>Выберите теги</option>

Можете написать вместо свой вариант.

Внимание: Если удалите именно этот виджет с тегами, то настройки скинуться и нужно будет все делать снова.

О настройках: в этом гаджете можно менять только порядок вывода тегов, по алфавиту или по популярности.

Если вам понадобиться обычный гаджет ярлыков, можете его создать. Он никаким образом не повлияет на переделанный. Если нужно создать еще выпадающее меню для блога, то искать его в шаблоне нужно по идентификатору элемента (порядковый номер), Id=’ Label от 1 до бесконечности’.

Спасибо авторам хака (теги для блога используя выпадающее меню) - Blogger Tip и Blogohelp.blogspot за найденную информацию о хаке. http://krasnodar.5iz5.ru/kursi-ege/russkii-yazik/

0 коммент.:

 
Все права защищены.
Copyright © 2011-
Avitra.ru - Оптимизация и продвижение блога
При копировании материалов гиперссылка на БЛОГ обязательна.
All Rights Reserved
Вверх