Вертикальное меню

Черное вертикальное меню вы можете вставить в свой блог, подходит для вставки на blogspot.
Скопируйте код CSS и вставьте его перед </head> в редакторе шаблона blogger:
..
#v_mnu_01 ul { list-style: none; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; } #v_mnu_01 { width: 200px; margin: 10px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; } #v_mnu_01 li a { text-decoration: none; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #000000; } #v_mnu_01 .notopbrdr0xNone { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #v_mnu_01 li a:link, #v_mnu_01 li a:visited { color: #FFFFFF; display: block; background-color: #000000; padding-top: 3px; padding-right: 0; padding-bottom: 3px; padding-left: 10px; } #v_mnu_01 li a:hover { color: #FFFF00; background: #AA0000; padding-top: 3px; padding-right: 0; padding-bottom: 3px; padding-left: 10px; }
Скопируйте код html и вставьте его в виде виджета HTML/JavaScript на боковую панель блога. Код:

Home
страница 1
страница 2

Добавляем пункты меню, редактируя последний код. Добавьте код
<li><a href="ссылка на страницу N" class="notopbrdr0xNone">страница N</a></li> (код отдельного пункта меню) и вставьте его до </ul>.
Не забудьте дать названия пунктам меню и указать ссылки на соответствующие страницы.