Як зробити випадне меню міток у Блоггері

Розробник блогу приречений до постійної боротьби за простір на шпальтах. Ця боротьба повна протиріч: з одного боку потрібно вмістити якомога більше матеріалу на 1 кв. см блогу, з іншого боку, наявність вільного простору і відсутність захаращеності надає більше привабливості і ясності сприйняття.

Одним з безлічі пропонованих у Інтернеті ентузіастами і професіоналами справи блоггерства прийомів ефективнішого використання шпальт веб-сайту є випадні меню. У даній статті мова йдеться про випадне меню (типу selector) для вибору міток (або як їх інакше звуть - ярлики, англійською - Label), які є найближчим аналогом Категорій. У Блозі ТРЗУ їх названо Рубриками.

Отже перейдемо до справи. Зайдемо у свій Блоггер, зареєструймося (з логіном і паролем), далі через Панель Інструментів у Дизайн, а там до Редагувати HTML. Перед початком налаштувань обов'язково зберегти поточний шаблон у себе на комп'ютері. Поставити галочку у полі Розширити шаблони елементів керування.

Знайти наступний програмний код:

<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

Видалити його і замінити на такий програмний код:

<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>
<option>Browse By categories</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

Це все.

Джерело:

http://www.anshuldudeja.com/2009/03/how-make-drop-down-label-menu-in.html