К основному контенту

Добавляем выпадающее меню в сайдбар

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


Меню вот такого вида:





Чтобы его добавить зайдите в настройки шаблона, и нажмите добавить гаджет, выбирите HTML/Java Script и вставьте следующий скрипт:
<div class="widget-content">
<br />
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" style="width: 160px;"><option selected="selected" value="0">   Название раздела </option><option value="http://bloggfast.blogspot.com/">Виджеты</option><option value="http://bloggfast.blogspot.com/">Шаблоны</option><option value="http://bloggfast.blogspot.com/">Java</option><option value="http://bloggfast.blogspot.com/">Интересное</option><option value="http://bloggfast.blogspot.com/">Адсенс</option><option value="  http://bloggfast.blogspot.com/">Блогспот</option></select><br />
<br />
<br /></div>
В данном скрипте измените все ссылки на необходимые Вам ресурсы, а мои названия на свои. В один Гаджет можно добавить бесконечно много таких выпадающих меню, так что Ваш блог станет еще удобнее для Ваших читателей.

Комментарии

Отправить комментарий

Популярные сообщения из этого блога

Добавляем красивый гаджет Поделиться

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

Как сделать ссылку на определенную часть той же страницы.

Все блоггеры пользуются ссылками практически в каждой статье, помимо удобства это еще и очень полезно для индексации блога. Сегодня хотел бы описать как сделать ссылку на туже страницу на которой находится Ваш читатель, только ниже, либо Выше, допустим Ваша статья состоит из нескольких частей и читатель, хочет пропустить первую и перейти сразу ко второй. Сделать это достаточно просто! 1.Для начала нам необходимо присвоить определенной части текста “Якорь”, допустим Вы хотите ссылать на каую-либо часть статьи, перед началом необходимого участка текста вставьте в HTML коде статьи следующий тег : <a id=" yakor "></a> Начало текста или заголовка В качестве слова якорь выделенного красным вы можете использовать любое другое, подходящее по смыслу. 2. Теперь необходимо сделать ссылку на данный якорь. А именно в HTML коде страницы перед словом которое должно быть ссылкой ставим тэг вида: <a href="# yakor ">Слово</a> Покажу как это долж...

Многоуровневое выпадающее меню для блогспот

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