1. Зайдите в настройки блога, в раздел "Дизайн”, затем в необходимом месте нажмите добавить гаджет, и выберите HTML/Java Script.
2. В поле гаджета вставьте следующий скрипт:
<style type="text/css"> <!-- /* CSS Document */ ul#menu-v, ul#menu-v li, ul#menu-v ul { margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; } ul#menu-v:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#menu-v li { float: left; display: block !important; display: inline; position: relative; border:#0FDA1C 1px solid; } ul#menu-v li ul li { border:none; border-bottom:#0FDA1C 2px solid; } /* Root Menu */ ul#menu-v a { padding: 0 6px; display: block; background: #E2F413; color: #991500; font: bold 12px/28px Verdana, Arial; text-decoration: none; height: auto !important; height: 1%; } ul#menu-v a:hover, ul#menu-v li:hover a, ul#menu-v li.iehover a { background: #991500; color: #ebe0c7; } /* 2nd Menu */ ul#menu-v li:hover li a, ul#menu-v li.iehover li a { background: #E2F413; color: #991500; border:#ddcca2 1px solid; } ul#menu-v li:hover li a:hover, ul#menu-v li:hover li:hover a, ul#menu-v li.iehover li a:hover, ul#menu-v li.iehover li.iehover a { background: #991500; color: #ebe0c7; border:#ebe0c7 1px solid; } ul#menu-v ul, ul#menu-v ul ul, ul#menu-v ul ul ul { display: none; position: absolute; top: 0; left: 161px; } ul#menu-v li:hover ul ul, ul#menu-v li:hover ul ul ul, ul#menu-v li.iehover ul ul, ul#menu-v li.iehover ul ul ul { display: none; } ul#menu-v li:hover ul, ul#menu-v ul li:hover ul, ul#menu-v ul ul li:hover ul, ul#menu-v li.iehover ul, ul#menu-v ul li.iehover ul, ul#menu-v ul ul li.iehover ul { display: block; } --> </style> <ul id="menu-v"> <li><a href="#">Вертикальное</a> <ul> <li><a href="#">Ссылка 1</a></li> <li><a href="#">Ссылка 2</a></li> </ul> </li> <li><a href="#">CSS</a> <ul> <li><a href="#">Ссылка 1</a></li> <li><a href="#">Ссылка 2</a></li> <li><a href="#">Ссылка 3</a></li> <li><a href="#">Ссылка 4</a></li> <li><a href="#">Ссылка 5</a></li> </ul> </li> <li><a href="#">Меню</a> <ul> <li><a href="#">Ссылка 1</a></li> <li><a href="#">Ссылка 2</a></li> </ul> </li> </ul> 
3. В данном меню просто измените выделенный жирным текст названием меню или подменю, а вместо # вставьте ссылку на нужную страницу.