Меню в блоге

Одна из читательниц задала мне вопрос: "Как созданы разделы в Вашем блоге?".

Создание меню
Если речь идет о меню под заголовком, то ссылки с него идут на другие блоги, созданные мной.
Это меню представляет собой скрипт:

<style>

<!--

#menunav {

float: left;

border-top: 3px solid #f5e39e; /* граница сверху */

border-bottom: 3px solid #f5e39e; /* граница снизу */

font-size: 14px; /* размер шрифта */

background-color: #f5e39e; /* цвет фона меню */

padding: 0 0 0 0px; /* левый отступ кнопок */

margin: 0px 0px;

}

#menunav ul{

margin: 0px;

padding: 0px;

}

* html #menunav ul{

float: left;

border-left: 3px solid #f5e39e; /* левая вертикальная черта к ul */

margin-left: 15px;

}

* html #menunav a {

display: block;

}

#menunav li {

float: left;

list-style-type: none; /* без маркеров списка */

background-color: #e1771e; /* цвет кнопки до наведения */

border-right: 3px solid #f5e39e; /* разделительные линии между li */

}

#menunav li:first-child {

border-left: 3px solid #f5e39e; /* первая вертикальная линия меню */

}

#menunav a {

text-decoration: none; /* без подчёркивания ссылок */

padding: 0px 10px; /* отступы сверху и снизу */

color: #F5DEB3; /* цвет шрифта */

}

#menunav a:hover {

color: #f5e39e;

}

#menunav li:hover {

background-color: #b8a80d; /* цвет кнопки после наведения*/

}

-->

</style>

<div id="menunav">

<ul>

<li><a href="http://inf548.blogspot.com/"Главная страница</a></li>

<li><a href="http://inf548u.blogspot.com/"Ученикам</a></li>

<li><a href="http://e-t-11b-548-09.blogspot.com/"Электронные тетради</a></li>

<li><a href="http://klass548.blogspot.com/"Блог 5 в</li>

</ul>

</div>

Добавляем гаджет HTML/JavaScript и вставляем код скрипта.
 
Если речь идет о содержании, то как его сделать можно прочитать здесь.